sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 86f0397cb197d86b66ef757d6f5df935a2d8c90a
Former-commit-id: 390cae815669dfe1986d175006213245177d43db
Former-commit-id: 905ac54c4d0297d9064ec24e408a735464ffbf4f
This commit is contained in:
李杨
2018-02-22 17:51:49 +08:00
parent fcea577333
commit ce7000b81a
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/demo/components/icon/svg.vue
View File

@@ -4,7 +4,7 @@
slot="header" slot="header"
title="SVG图标组件"> title="SVG图标组件">
</PageHeader> </PageHeader>
<el-row :gutter="10"> <el-row>
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index"> <el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
<IconSvg class="icon" :name="icon"></IconSvg> <IconSvg class="icon" :name="icon"></IconSvg>
<div class="icon-title"> <div class="icon-title">
@@ -18,14 +18,19 @@
<style lang="scss" scoped> <style lang="scss" scoped>
@import '~@/assets/style/public.scss'; @import '~@/assets/style/public.scss';
.icon-card { .icon-card {
text-align: center; display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 150px;
} }
.icon { .icon {
height: 100px; height: 80px;
width: 100px; width: 80px;
} }
.icon-title { .icon-title {
font-size: 12px; font-size: 12px;
margin-top: 10px;
span { span {
color: $color-text-sub; color: $color-text-sub;
} }