no message
Former-commit-id: 6e2da30069374313cdd36aa5ecce2c2a1a40337c Former-commit-id: bea805f47f96d0adc46f3472120f37ec6f70ab75 Former-commit-id: b344d3e4105a6abf991dda43e5e2e1ae4a6a8f14
This commit is contained in:
@@ -1,5 +1,33 @@
|
||||
<template>
|
||||
<Container>
|
||||
<IconSvg name="alarm"></IconSvg>
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="SVG图标组件">
|
||||
</PageHeader>
|
||||
<el-row :gutter="10">
|
||||
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
|
||||
<IconSvg class="icon" :name="icon"></IconSvg>
|
||||
<div class="icon-title">
|
||||
<span>{{icon}}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</Container>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.icon-card {
|
||||
text-align: center;
|
||||
}
|
||||
.icon {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
.icon-title {
|
||||
font-size: 12px;
|
||||
span {
|
||||
color: $color-text-sub;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user