| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\pagesFoot\\index.vue?vue&type=style&index=0&id=d2753316&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\pagesFoot\\index.vue","mtime":1761185180020},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoucGFnZS1mb290ZXIyIHsNCiAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDEwcHgpOw0KICAubGlzdCB7DQogICAgZGlzcGxheTogY29udGVudHM7DQogIH0NCn0NCi5wYWdlLWZvb3RlciB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGJhY2tncm91bmQ6ICNmZmY7DQogIC5mb290LWl0ZW0gew0KICAgIGZsZXg6IDE7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgaGVpZ2h0OiA1MHB4Ow0KICAgICYub24gew0KICAgICAgcCB7DQogICAgICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICAgIH0NCiAgICB9DQogICAgaW1nIHsNCiAgICAgIHdpZHRoOiAyNHB4Ow0KICAgICAgaGVpZ2h0OiAyNHB4Ow0KICAgIH0NCiAgICBwIHsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjMjgyODI4Ow0KICAgICAgbWFyZ2luLXRvcDogMXB4Ow0KICAgICAgJi5vbiB7DQogICAgICAgIGNvbG9yOiAjMDBhNGY4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAsIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/pagesFoot","sourcesContent":["<template>\r\n <div\r\n class=\"page-footer\"\r\n :style=\"{ background: bgColor, paddingTop: topConfig + 'px', paddingBottom: bottomConfig + 'px' }\"\r\n v-if=\"navConfig == 0\"\r\n >\r\n <div class=\"foot-item\" :class=\"navStyleConfig == 1 ? 'on' : ''\" v-for=\"(item, index) in menuList\" :key=\"index\">\r\n <div v-if=\"navStyleConfig != 1\">\r\n <img :src=\"item.imgList ? item.imgList[0] : noPic\" alt=\"\" v-if=\"index == isSpecial\" />\r\n <img :src=\"item.imgList ? item.imgList[1] : noPic\" alt=\"\" v-else />\r\n </div>\r\n <div v-if=\"navStyleConfig != 2\">\r\n <p v-if=\"index == isSpecial\" :style=\"{ color: toneConfig ? activeTxtColor : colorStyle.theme }\">\r\n {{ item.name || '自定义' }}\r\n </p>\r\n <p v-else :style=\"{ color: toneConfig ? txtColor : '#1A1A1A' }\">{{ item.name || '自定义' }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"page-footer page-footer2\"\r\n v-else\r\n :style=\"{\r\n background: bgColor2,\r\n paddingTop: topConfig + 'px',\r\n paddingBottom: bottomConfig + 'px',\r\n marginLeft: prConfig + 'px',\r\n marginRight: prConfig + 'px',\r\n borderRadius: bgRadius,\r\n }\"\r\n >\r\n <div class=\"list\">\r\n <div class=\"foot-item\" :class=\"navStyleConfig == 1 ? 'on' : ''\" v-for=\"(item, index) in menuList\" :key=\"index\">\r\n <div v-if=\"navStyleConfig != 1\">\r\n <img :src=\"item.imgList ? item.imgList[0] : noPic\" alt=\"\" v-if=\"index == isSpecial\" />\r\n <img :src=\"item.imgList ? item.imgList[1] : noPic\" alt=\"\" v-else />\r\n </div>\r\n <div v-if=\"navStyleConfig != 2\">\r\n <p v-if=\"index == isSpecial\" :style=\"{ color: toneConfig ? activeTxtColor : colorStyle.theme }\">\r\n {{ item.name || '自定义' }}\r\n </p>\r\n <p v-else :style=\"{ color: toneConfig ? txtColor : '#1A1A1A' }\">{{ item.name || '自定义' }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport theme from '@/mixins/theme';\r\nexport default {\r\n name: 'index.vue',\r\n props: {\r\n configObj: {\r\n type: Object,\r\n default: function () {\r\n return {};\r\n },\r\n },\r\n configNme: {\r\n type: String,\r\n default: '',\r\n },\r\n },\r\n mixins: [theme],\r\n data() {\r\n return {\r\n txtColor: '',\r\n activeTxtColor: '',\r\n bgColor: '',\r\n bgColor2: '',\r\n menuList: [],\r\n isSpecial: 2,\r\n toneConfig: 0,\r\n topConfig: 0,\r\n bottomConfig: 0,\r\n navStyleConfig: 0,\r\n navConfig: 0,\r\n prConfig: 0,\r\n mTop: 0,\r\n bgRadius: 0,\r\n noPic: require('../../assets/images/noPictrue.png'),\r\n };\r\n },\r\n computed: {\r\n ...mapState('mobildConfig', ['pageFooter']),\r\n },\r\n watch: {\r\n pageFooter: {\r\n handler(nVal, oVal) {\r\n this.setConfig(nVal);\r\n },\r\n deep: true,\r\n },\r\n },\r\n mounted() {\r\n let data = this.$store.state.mobildConfig.pageFooter;\r\n this.setConfig(data);\r\n },\r\n methods: {\r\n setConfig(data) {\r\n this.txtColor = data.txtColor.color[0].item;\r\n this.activeTxtColor = data.activeTxtColor.color[0].item;\r\n this.bgColor = data.bgColor.color[0].item;\r\n this.bgColor2 = data.bgColor2.color[0].item;\r\n this.navStyleConfig = data.navStyleConfig.tabVal;\r\n this.toneConfig = data.toneConfig.tabVal;\r\n this.navConfig = data.navConfig.tabVal;\r\n this.topConfig = data.topConfig.val;\r\n this.bottomConfig = data.bottomConfig.val;\r\n this.prConfig = data.prConfig.val;\r\n this.mTop = data.mbConfig.val;\r\n let fillet = data.fillet.type;\r\n let filletVal = data.fillet.val;\r\n let valList = data.fillet.valList;\r\n this.bgRadius = fillet\r\n ? valList[0].val + 'px ' + valList[1].val + 'px ' + valList[3].val + 'px ' + valList[2].val + 'px'\r\n : filletVal + 'px';\r\n this.$store.commit('mobildConfig/footType', this.navConfig);\r\n this.$store.commit('mobildConfig/footBottom', this.mTop);\r\n this.menuList = [];\r\n this.$set(this, 'menuList', data.menuList.length ? data.menuList : 5);\r\n if (data.status.title == '是否显示') {\r\n this.isSpecial = 2;\r\n } else {\r\n this.isSpecial = 0;\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.page-footer2 {\r\n backdrop-filter: blur(10px);\r\n .list {\r\n display: contents;\r\n }\r\n}\r\n.page-footer {\r\n display: flex;\r\n background: #fff;\r\n .foot-item {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n height: 50px;\r\n &.on {\r\n p {\r\n font-size: 16px;\r\n }\r\n }\r\n img {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n p {\r\n font-size: 12px;\r\n color: #282828;\r\n margin-top: 1px;\r\n &.on {\r\n color: #00a4f8;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
