Browse Source

适配element 1.2.0 bate6 css

main
piexlmax 3 years ago
parent
commit
c845d991d6
  1. 2
      web/package.json
  2. 7
      web/src/style/element_visiable.scss
  3. 10
      web/src/view/dashboard/index.vue
  4. 6
      web/src/view/superAdmin/menu/icon.vue

2
web/package.json

@ -14,7 +14,7 @@
"axios": "^0.19.2",
"core-js": "^3.6.5",
"echarts": "4.9.0",
"element-plus": "1.2.0-beta.5",
"element-plus": "1.2.0-beta.6",
"highlight.js": "^10.6.0",
"marked": "^2.0.0",
"mitt": "^3.0.0",

7
web/src/style/element_visiable.scss

@ -143,9 +143,6 @@
}
}
}
.el-pagination__jump {
.el-pagination__editor {}
}
}
.el-button--mini {
@ -188,4 +185,8 @@
}
}
}
}
.el-drawer__body{
padding:0;
}

10
web/src/view/dashboard/index.vue

@ -9,7 +9,7 @@
<el-row>
<el-col :span="8" :xs="24" :sm="8">
<div class="flex-center">
<el-icon class="icon">
<el-icon class="dasboard-icon">
<sort />
</el-icon>
今日流量 (1231231)
@ -17,7 +17,7 @@
</el-col>
<el-col :span="8" :xs="24" :sm="8">
<div class="flex-center">
<el-icon class="icon">
<el-icon class="dasboard-icon">
<avatar />
</el-icon>
总用户数 (24001)
@ -25,7 +25,7 @@
</el-col>
<el-col :span="8" :xs="24" :sm="8">
<div class="flex-center">
<el-icon class="icon">
<el-icon class="dasboard-icon">
<comment />
</el-icon>
好评率 (99%)
@ -282,7 +282,7 @@ export default {
padding: 14px;
}
}
.icon {
.dasboard-icon {
font-size: 20px;
color: rgb(85, 160, 248);
width: 30px;
@ -318,7 +318,7 @@ export default {
line-height: 20px;
}
}
.icon {
.dasboard-icon {
font-size: 18px;
}
}

6
web/src/view/superAdmin/menu/icon.vue

@ -1,13 +1,13 @@
<template>
<div>
<span class="icon" style="position: absolute; z-index: 9999; padding: 5px 10px; ">
<span class="gva-icon" style="position: absolute; z-index: 9999; padding: 5px 10px; ">
<el-icon>
<component :is="metaData.icon" />
</el-icon>
</span>
<el-select v-model="metaData.icon" style="width:100%" clearable filterable class="gva-select" placeholder="请选择">
<el-option v-for="item in options" :key="item.key" :label="item.key" :value="item.key">
<span class="icon" :class="item.label">
<span class="gva-icon" :class="item.label">
<el-icon>
<component :is="item.label" />
</el-icon>
@ -1166,7 +1166,7 @@ export default {
</script>
<style lang="scss">
.icon {
.gva-icon {
float: left;
color: rgb(132, 146, 166);
font-size: 13px;

Loading…
Cancel
Save