tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(dashboard/index.vue): 控制台添加响应式sm的大小

Browse Source
This commit is contained in:
郝先瑞
2022-02-27 01:11:07 +08:00
parent 5abebf9a30
commit def84cd959
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/dashboard/index.vue
View File

@@ -22,7 +22,7 @@
</div> </div>
</el-col>--> </el-col>-->
<el-col :xs="24" :lg="6" class="card-panel-col"> <el-col :xs="24" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-icon-wrapper icon-people"> <div class="card-panel-icon-wrapper icon-people">
<svg-icon icon-class="peoples" class-name="card-panel-icon"/> <svg-icon icon-class="peoples" class-name="card-panel-icon"/>
@@ -36,7 +36,7 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> <el-col :xs="24" :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="message" class-name="card-panel-icon" />
@@ -50,7 +50,7 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :lg="6" class="card-panel-col"> <el-col :xs="24" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-icon-wrapper icon-money"> <div class="card-panel-icon-wrapper icon-money">
<svg-icon icon-class="money" class-name="card-panel-icon"/> <svg-icon icon-class="money" class-name="card-panel-icon"/>
@@ -63,7 +63,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :lg="6" class="card-panel-col"> <el-col :xs="24" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-icon-wrapper icon-shopping"> <div class="card-panel-icon-wrapper icon-shopping">
<svg-icon icon-class="shopping" class-name="card-panel-icon"/> <svg-icon icon-class="shopping" class-name="card-panel-icon"/>