Skip to content

GitLab

Q
qk_admin
Commit c1a03946 authored by yaya's avatar yaya
Browse files
Options

feat:UI优化

parent 46e00ef5
Show whitespace changes
Inline Side-by-side
Showing with 10 additions and 7 deletions
src/views/dashboard/index.vue
View file @ c1a03946
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-icon-wrapper icon-message"> <div class="card-panel-icon-wrapper icon-shoppingCard">
<svg-icon icon-class="message" class-name="card-panel-icon" /> <svg-icon icon-class="chart" class-name="card-panel-icon" />
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text">打开次数</div> <div class="card-panel-text">打开次数</div>
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-icon-wrapper icon-message"> <div class="card-panel-icon-wrapper icon-message">
<svg-icon icon-class="message" class-name="card-panel-icon" /> <svg-icon icon-class="user" class-name="card-panel-icon" />
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text">新增注册用户数</div> <div class="card-panel-text">新增注册用户数</div>
...@@ -43,8 +43,8 @@ ...@@ -43,8 +43,8 @@
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-icon-wrapper icon-message"> <div class="card-panel-icon-wrapper icon-money">
<svg-icon icon-class="message" class-name="card-panel-icon" /> <svg-icon icon-class="shopping" class-name="card-panel-icon" />
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text">新增藏品数</div> <div class="card-panel-text">新增藏品数</div>
...@@ -223,7 +223,7 @@ export default { ...@@ -223,7 +223,7 @@ export default {
color: #f4516c; color: #f4516c;
} }
.icon-shoppingCard { .icon-shoppingCard {
color: #34bfa3 color: #e5b12c
} }
.card-panel-icon-wrapper { .card-panel-icon-wrapper {
float: left; float: left;
...@@ -247,7 +247,7 @@ export default { ...@@ -247,7 +247,7 @@ export default {
line-height: 18px; line-height: 18px;
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
font-size: 16px; font-size: 16px;
margin-bottom: 12px; font-weight: 600;
} }
.card-panel-num { .card-panel-num {
font-size: 24px; font-size: 24px;
...@@ -259,6 +259,9 @@ export default { ...@@ -259,6 +259,9 @@ export default {
flex: 1; flex: 1;
margin-right: 10px; margin-right: 10px;
height: 150px; height: 150px;
.info_item_card-text {
font-weight: 600;
}
.info_item_card-num { .info_item_card-num {
width: 100%; width: 100%;
flex: 1; flex: 1;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment