| | |
| | | <template> |
| | | <div id="app"> |
| | | <router-view/> |
| | | <router-view /> |
| | | </div> |
| | | </template> |
| | | |
| | | <style > |
| | | |
| | | </style> |
| | | <script> |
| | | export default { |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | mytitle: '', |
| | | } |
| | | }, |
| | | async created() { |
| | | const imgObj = await this.getIcon(); |
| | | this.changIcon(imgObj); |
| | | }, |
| | | methods: { |
| | | changIcon(obj) { |
| | | 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图标 |
| | | title.innerHTML = obj.title; |
| | | document.getElementsByTagName("head")[0].appendChild(link); |
| | | document.getElementsByTagName("head")[0].appendChild(title); |
| | | }, |
| | | // 获取icon |
| | | async getIcon() { |
| | | let result; |
| | | 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 => { |
| | | result = res.data; |
| | | sessionStorage.setItem('pic',JSON.stringify(result)); |
| | | }) |
| | | } |
| | | return result; |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | <style> |
| | | |
| | | .el-select-dropdown__item{ |
| | | height: 100% !important; |
| | | } |
| | | .el-select-dropdown,.popper-class{ |
| | | background-color: #17324c !important; |
| | | } |
| | | .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ |
| | | background-color: #17324c !important; |
| | | } |
| | | .el-tree{ |
| | | background-color: #09152f !important; |
| | | } |
| | | .el-tree-node__content:hover, .el-upload-list__item:hover{ |
| | | background-color: #09152f !important; |
| | | color: #4b9bb7 !important; |
| | | } |
| | | .el-tree-node:focus>.el-tree-node__content{ |
| | | background-color: #070f22 !important; |
| | | color:#4b9bb7 |
| | | } |
| | | /*定义滚动条高宽及背景 |
| | | 高宽分别对应横竖滚动条的尺寸*/ |
| | | ::-webkit-scrollbar |
| | | { |
| | | width:4px; |
| | | height:4px; |
| | | background-color:#070f22; |
| | | } |
| | | /*定义滚动条轨道 |
| | | 内阴影+圆角*/ |
| | | ::-webkit-scrollbar-track |
| | | { |
| | | -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); |
| | | border-radius:10px; |
| | | background-color:#070f22; |
| | | } |
| | | /*定义滑块 |
| | | 内阴影+圆角*/ |
| | | ::-webkit-scrollbar-thumb |
| | | { |
| | | border-radius:10px; |
| | | -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); |
| | | background-color:#555; |
| | | } |
| | | </style> |