refactor: svg icons (#1096)

* refactor svg

* add svgo

* refine

* add tree.svg

* add svg.yml
This commit is contained in:
花裤衩
2018-09-17 13:07:11 +08:00
committed by GitHub
parent 11163146c0
commit 24602755cd
45 changed files with 72 additions and 50 deletions

View File

@@ -35,8 +35,8 @@
</el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('shoppings')">
<div class="card-panel-icon-wrapper icon-shoppingCard">
<svg-icon icon-class="shoppingCard" class-name="card-panel-icon" />
<div class="card-panel-icon-wrapper icon-shopping">
<svg-icon icon-class="shopping" class-name="card-panel-icon" />
</div>
<div class="card-panel-description">
<div class="card-panel-text">Shoppings</div>
@@ -91,7 +91,7 @@ export default {
.icon-money {
background: #f4516c;
}
.icon-shoppingCard {
.icon-shopping {
background: #34bfa3
}
}
@@ -104,7 +104,7 @@ export default {
.icon-money {
color: #f4516c;
}
.icon-shoppingCard {
.icon-shopping {
color: #34bfa3
}
.card-panel-icon-wrapper {

View File

@@ -9,7 +9,7 @@
</div>
<el-form-item prop="username">
<span class="svg-container svg-container_login">
<span class="svg-container">
<svg-icon icon-class="user" />
</span>
<el-input
@@ -243,9 +243,6 @@ $light_gray:#eee;
vertical-align: middle;
width: 30px;
display: inline-block;
&_login {
font-size: 20px;
}
}
.title-container {
position: relative;

View File

@@ -44,8 +44,8 @@ export default {
}
.icon {
color: #fff;
font-size: 30px;
margin-top: 6px;
font-size: 24px;
margin-top: 8px;
}
.wx-svg-container,
.qq-svg-container {
@@ -60,7 +60,7 @@ export default {
margin-right: 5px;
}
.wx-svg-container {
background-color: #8dc349;
background-color: #8ada53;
}
.qq-svg-container {
background-color: #6BA2D6;