From d942877495ceea1575e64fb6d4e2972f6da10cac Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期三, 11 一月 2023 10:09:24 +0800 Subject: [PATCH] 2023/1/11 肖辉 修改UI样式 --- src/App.vue | 104 +++++++++++++++++++++++++++++++++++---------------- 1 files changed, 71 insertions(+), 33 deletions(-) diff --git a/src/App.vue b/src/App.vue index 31ef5a4..1dee9fa 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,12 +4,11 @@ </div> </template> <script> - export default { data() { return { - mytitle: '', - } + mytitle: "", + }; }, async created() { const imgObj = await this.getIcon(); @@ -17,11 +16,14 @@ }, methods: { changIcon(obj) { - var link = document.querySelector("link [rel*='icon']") || document.createElement("link"); - var title = document.querySelector("title") || document.createElement("title"); + var link = + document.querySelector("link [rel*='icon']") || + document.createElement("link"); + var title = + document.querySelector("title") || document.createElement("title"); link.type = "image/x-icon"; link.rel = "shortcut icon"; - link.href = obj.chromeLinkUrl; //icon鍥炬爣 + link.href = obj.chromeLinkUrl; //icon鍥炬爣 title.innerHTML = obj.title; document.getElementsByTagName("head")[0].appendChild(link); document.getElementsByTagName("head")[0].appendChild(title); @@ -29,23 +31,21 @@ // 鑾峰彇icon async getIcon() { let result; - const pic = JSON.parse(sessionStorage.getItem('pic')); + const pic = JSON.parse(sessionStorage.getItem("pic")); if (pic) { result = pic; - // console.log('缂撳瓨') } else { - // console.log('璇锋眰'); await this.$axios({ - method: 'get', - url: 'sccg/system/portal/logo/search', - }).then(res => { + method: "get", + url: "sccg/system/portal/logo/search", + }).then((res) => { result = res.data; - sessionStorage.setItem('pic', JSON.stringify(result)); - }) + sessionStorage.setItem("pic", JSON.stringify(result)); + }); } return result; }, - } + }, }; </script> <style lang="scss"> @@ -55,27 +55,33 @@ .el-select-dropdown, .popper-class { - background-color: #17324c !important; + // background-color: #17324c !important; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { - background-color: #17324c !important; + // background-color: #17324c !important; } .el-tree { - background-color: #09152f !important; + // background-color: #09152f !important; } .el-tree-node__content:hover, .el-upload-list__item:hover { - background-color: #09152f !important; + // background-color: #09152f !important; color: #4b9bb7 !important; } -.el-tree-node:focus>.el-tree-node__content { - background-color: #070f22 !important; - color: #4b9bb7 +.el-tree-node:focus > .el-tree-node__content { + // background-color: #070f22 !important; + color: #4b9bb7; +} + +.button-addition { + background-color: #eb5d01; + border: 1px solid #eb5d01; + color: #ffffff; } /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 @@ -83,7 +89,7 @@ ::-webkit-scrollbar { width: 4px; height: 4px; - background-color: #070f22; + // background-color: #070f22; } /*瀹氫箟婊氬姩鏉¤建閬� @@ -91,21 +97,21 @@ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; - background-color: #070f22; + // background-color: #070f22; } /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ ::-webkit-scrollbar-thumb { border-radius: 10px; - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } // 璁剧疆dialog鏍峰紡 .el-dialog__header, .el-dialog__body { - background-color: #06122c; + // background-color: #06122c; } .el-dialog__header { @@ -127,14 +133,25 @@ } #app { + .userList{ + + } + .list{ + + } // 璁剧疆寮瑰嚭妗嗘牱寮� .el-dialog__title { - color: #4b9bb7; + color: #333; + } + .el-dialog__header { + color: black; + background-color: #DCDFE6; + //border: 1px solid #DCDFE6; } // 璁剧疆table鏍峰紡 .el-table__empty-block { - background-color: #09152f; + // background-color: #09152f; } .el-table__empty-block { @@ -146,16 +163,37 @@ } .el-table .warning-row { - background: #06122c; + // background: #06122c; } .el-table .success-row { - background: #071f39; + // background: #071f39; } .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; + // background-color: #09152f; + // border: 1px solid #17324c; + } + .el-textarea__inner { + // background-color: #09152f; + // border: 1px solid #17324c; } } -</style> \ No newline at end of file +.el-table__body-wrapper::-webkit-scrollbar { + width: 8px; /*婊氬姩鏉″搴�*/ + height: 8px; /*婊氬姩鏉¢珮搴�*/ +} +.el-table__body-wrapper::-webkit-scrollbar-track { + border-radius: 10px; /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/ + -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3); + background-color: #eeeeee; /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ +} +.el-table__body-wrapper::-webkit-scrollbar-thumb { + border-radius: 10px; /*婊氬姩鏉$殑鍦嗚*/ + -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3); + background-color: rgb(145, 143, 143); /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ +} +.el-range-input { + // background-color: #09152f; +} +</style> -- Gitblit v1.8.0