twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-07 17:07:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 为关于页面的卡片信息添加内容超出显示滚动条 (#957)

Browse Source
This commit is contained in:
wzc520pyfm 2024-03-05 20:26:05 +08:00 committed by GitHub
parent 91bebdae94
commit ccf3a6f917
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 47 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
src/views/about/index.vue
View File

@ -75,7 +75,9 @@ Object.keys(devDependencies).forEach(key => {
<span class="font-medium">平台信息</span> <span class="font-medium">平台信息</span>
</div> </div>
</template> </template>
<PureDescriptions border :columns="columns" :column="4" /> <el-scrollbar>
<PureDescriptions border :columns="columns" :column="4" />
</el-scrollbar>
</el-card> </el-card>
<el-card class="m-4 box-card" shadow="never"> <el-card class="m-4 box-card" shadow="never">
@ -84,28 +86,30 @@ Object.keys(devDependencies).forEach(key => {
<span class="font-medium">生产环境依赖</span> <span class="font-medium">生产环境依赖</span>
</div> </div>
</template> </template>
<el-descriptions border size="small" :column="6"> <el-scrollbar>
<el-descriptions-item <el-descriptions border size="small" :column="6">
v-for="(item, index) in schema" <el-descriptions-item
:key="index" v-for="(item, index) in schema"
:label="item.label" :key="index"
:label-class-name="getMainLabel(item.label)" :label="item.label"
class-name="pure-version" :label-class-name="getMainLabel(item.label)"
label-align="right" class-name="pure-version"
> label-align="right"
<a
:href="'https://www.npmjs.com/package/' + item.label"
target="_blank"
> >
<span <a
:class="getMainLabel(item.label)" :href="'https://www.npmjs.com/package/' + item.label"
style="color: var(--el-color-primary)" target="_blank"
> >
{{ item.field }} <span
</span> :class="getMainLabel(item.label)"
</a> style="color: var(--el-color-primary)"
</el-descriptions-item> >
</el-descriptions> {{ item.field }}
</span>
</a>
</el-descriptions-item>
</el-descriptions>
</el-scrollbar>
</el-card> </el-card>
<el-card class="m-4 box-card" shadow="never"> <el-card class="m-4 box-card" shadow="never">
@ -114,28 +118,30 @@ Object.keys(devDependencies).forEach(key => {
<span class="font-medium">开发环境依赖</span> <span class="font-medium">开发环境依赖</span>
</div> </div>
</template> </template>
<el-descriptions border size="small" :column="5"> <el-scrollbar>
<el-descriptions-item <el-descriptions border size="small" :column="5">
v-for="(item, index) in devSchema" <el-descriptions-item
:key="index" v-for="(item, index) in devSchema"
:label="item.label" :key="index"
:label-class-name="getMainLabel(item.label)" :label="item.label"
class-name="pure-version" :label-class-name="getMainLabel(item.label)"
label-align="right" class-name="pure-version"
> label-align="right"
<a
:href="'https://www.npmjs.com/package/' + item.label"
target="_blank"
> >
<span <a
:class="getMainLabel(item.label)" :href="'https://www.npmjs.com/package/' + item.label"
style="color: var(--el-color-primary)" target="_blank"
> >
{{ item.field }} <span
</span> :class="getMainLabel(item.label)"
</a> style="color: var(--el-color-primary)"
</el-descriptions-item> >
</el-descriptions> {{ item.field }}
</span>
</a>
</el-descriptions-item>
</el-descriptions>
</el-scrollbar>
</el-card> </el-card>
</div> </div>
</template> </template>