diff --git a/src/assets/css/global.less b/src/assets/css/global.less index 7fa43a2..97bce46 100644 --- a/src/assets/css/global.less +++ b/src/assets/css/global.less @@ -1,5 +1,5 @@ //Brand @color -@color-primary: #169e8c; +@color-primary: #1c77ac; @color-primary-light: mix(@color-white, @color-primary, 80%); @color-primary-lighter: mix(@color-white, @color-primary, 90%); //Functional @color diff --git a/src/assets/fonts - 副本/iconfont.css b/src/assets/fonts - 副本/iconfont.css new file mode 100644 index 0000000..2e77ad2 --- /dev/null +++ b/src/assets/fonts - 副本/iconfont.css @@ -0,0 +1,61 @@ +@font-face { + font-family: "iconfont"; /* Project id */ + src: url('iconfont.ttf?t=1690188947515') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-paizhao:before { + content: "\e6ba"; +} + +.icon-paizhao-xianxing:before { + content: "\e8d1"; +} + +.icon-tuiguanglishitupianjinqun:before { + content: "\e613"; +} + +.icon-gongsi:before { + content: "\e62e"; +} + +.icon-dianli:before { + content: "\e649"; +} + +.icon-dianlihangye:before { + content: "\e791"; +} + +.icon-shexiangtoulixian:before { + content: "\e7b2"; +} + +.icon-video-camera:before { + content: "\e962"; +} + +.icon-shexiangtou-lixian:before { + content: "\ef1c"; +} + +.icon-shexiangtou-zaixian:before { + content: "\ef1d"; +} + +.icon-shudianxianlu_2722010801:before { + content: "\efed"; +} + +.icon-tupian_normal:before { + content: "\e681"; +} + diff --git a/src/assets/fonts - 副本/iconfont.ttf b/src/assets/fonts - 副本/iconfont.ttf new file mode 100644 index 0000000..21ab318 Binary files /dev/null and b/src/assets/fonts - 副本/iconfont.ttf differ diff --git a/src/assets/fonts/iconfont.css b/src/assets/fonts/iconfont.css index 2e77ad2..9007d35 100644 --- a/src/assets/fonts/iconfont.css +++ b/src/assets/fonts/iconfont.css @@ -1,6 +1,6 @@ @font-face { font-family: "iconfont"; /* Project id */ - src: url('iconfont.ttf?t=1690188947515') format('truetype'); + src: url('iconfont.ttf?t=1700030201509') format('truetype'); } .iconfont { @@ -11,6 +11,10 @@ -moz-osx-font-smoothing: grayscale; } +.icon-1wenhe:before { + content: "\e653"; +} + .icon-paizhao:before { content: "\e6ba"; } @@ -43,6 +47,10 @@ content: "\e962"; } +.icon-qixiang:before { + content: "\e67c"; +} + .icon-shexiangtou-lixian:before { content: "\ef1c"; } @@ -59,3 +67,7 @@ content: "\e681"; } +.icon-fubing:before { + content: "\e7ac"; +} + diff --git a/src/assets/fonts/iconfont.ttf b/src/assets/fonts/iconfont.ttf index 21ab318..817081f 100644 Binary files a/src/assets/fonts/iconfont.ttf and b/src/assets/fonts/iconfont.ttf differ diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue index 30607fe..c55e31c 100644 --- a/src/components/Sidebar.vue +++ b/src/components/Sidebar.vue @@ -314,7 +314,18 @@ export default { title: "历史图片", }, ], - + fubingItems: [ + { + icon: "iconfont icon-qixiang", + index: "/weather", + title: "气象检测", + }, + { + icon: "iconfont icon-fubing", + index: "/icing", + title: "覆冰", + }, + ], role: "", }; }, @@ -342,6 +353,8 @@ export default { this.items = this.items2; } else if (this.role == 4) { this.items = this.hnjcitems; + } else if (this.role == 5) { + this.items = this.fubingItems; } console.log(this.items); @@ -440,5 +453,12 @@ export default { border: 1px solid #169e8c; background-color: #169e8c; } + .el-menu-item [class^="iconfont"] { + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; + vertical-align: middle; + } } diff --git a/src/components/header.vue b/src/components/header.vue index 77b0c8e..c199b78 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -1,6 +1,7 @@