| 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\\mobileConfig\\pageFoot.vue?vue&type=style&index=0&id=1c3912e8&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfig\\pageFoot.vue","mtime":1761185179985},{"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:DQoudGl0bGUtdGlwcyB7DQogIHBhZGRpbmctYm90dG9tOiAxMHB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIGNvbG9yOiAjMzMzOw0KICBzcGFuIHsNCiAgICBtYXJnaW4tcmlnaHQ6IDE0cHg7DQogICAgY29sb3I6ICM5OTk7DQogIH0NCn0NCg=="},{"version":3,"sources":["pageFoot.vue"],"names":[],"mappings":";AA8NA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"pageFoot.vue","sourceRoot":"src/components/mobileConfig","sourcesContent":["<template>\r\n <div class=\"mobile-config\">\r\n <Form ref=\"formInline\">\r\n <div v-for=\"(item, key) in rCom\" :key=\"key\">\r\n <component\r\n :is=\"item.components.name\"\r\n ref=\"childData\"\r\n :configObj=\"configObj\"\r\n :configNme=\"item.configNme\"\r\n ></component>\r\n </div>\r\n </Form>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport toolCom from '@/components/mobileConfigRight/index.js';\r\nimport rightBtn from '@/components/rightBtn/index.vue';\r\nimport { mapMutations } from 'vuex';\r\n\r\nexport default {\r\n name: 'pageFoot',\r\n cname: '底部导航',\r\n components: {\r\n ...toolCom,\r\n rightBtn,\r\n },\r\n data() {\r\n return {\r\n hotIndex: 1,\r\n configObj: {}, // 配置对象\r\n rCom: [\r\n {\r\n components: toolCom.c_set_up,\r\n configNme: 'setUp',\r\n },\r\n ], // 当前页面组件\r\n oneStyle: [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleRight',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'toneConfig',\r\n },\r\n ],\r\n twoStyle: [\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'activeTxtColor',\r\n },\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'txtColor',\r\n },\r\n ],\r\n currencyTitle: [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleCurrency',\r\n },\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'bgColor',\r\n },\r\n ],\r\n currencyTitle2: [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleCurrency',\r\n },\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'bgColor2',\r\n },\r\n ],\r\n currencyStyle: [\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'topConfig',\r\n },\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'bottomConfig',\r\n },\r\n ],\r\n currencyStyle2: [\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'prConfig',\r\n },\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'mbConfig',\r\n },\r\n {\r\n components: toolCom.c_fillet,\r\n configNme: 'fillet',\r\n },\r\n ],\r\n setUp: 0,\r\n type: 0,\r\n type2: 0,\r\n type3: 0,\r\n };\r\n },\r\n watch: {\r\n 'configObj.setUp.tabVal': {\r\n handler(nVal, oVal) {\r\n this.setUp = nVal;\r\n var arr = [this.rCom[0]];\r\n if (nVal == 0) {\r\n let tempArr = [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleLeft',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'effectConfig',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'navConfig',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'navStyleConfig',\r\n },\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleNav',\r\n },\r\n {\r\n components: toolCom.c_foot,\r\n configNme: 'menuList',\r\n },\r\n ];\r\n this.rCom = arr.concat(tempArr);\r\n } else {\r\n this.getRComStyle(arr, this.type, this.type2, this.type3);\r\n }\r\n },\r\n deep: true,\r\n },\r\n 'configObj.navConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.type = nVal;\r\n var arr = [this.rCom[0]];\r\n if (this.setUp) {\r\n this.getRComStyle(arr, nVal, this.type2, this.type3);\r\n }\r\n },\r\n deep: true,\r\n },\r\n 'configObj.navStyleConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.type2 = nVal;\r\n var arr = [this.rCom[0]];\r\n if (this.setUp) {\r\n this.getRComStyle(arr, this.type, nVal, this.type3);\r\n }\r\n },\r\n deep: true,\r\n },\r\n 'configObj.toneConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.type3 = nVal;\r\n var arr = [this.rCom[0]];\r\n if (this.setUp) {\r\n this.getRComStyle(arr, this.type, this.type2, nVal);\r\n }\r\n },\r\n deep: true,\r\n },\r\n },\r\n mounted() {\r\n this.configObj = this.$store.state.mobildConfig.pageFooter;\r\n },\r\n methods: {\r\n getRComStyle(arr, type, type2, type3) {\r\n if (type == 0) {\r\n if (type2 == 2) {\r\n this.rCom = [...arr, ...this.currencyTitle, ...this.currencyStyle];\r\n } else {\r\n if (type3 == 0) {\r\n this.rCom = [...arr, ...this.oneStyle, ...this.currencyTitle, ...this.currencyStyle];\r\n } else {\r\n this.rCom = [...arr, ...this.oneStyle, ...this.twoStyle, ...this.currencyTitle, ...this.currencyStyle];\r\n }\r\n }\r\n } else {\r\n if (type2 == 2) {\r\n this.rCom = [...arr, ...this.currencyTitle2, ...this.currencyStyle, ...this.currencyStyle2];\r\n } else {\r\n if (type3 == 0) {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.currencyTitle2,\r\n ...this.currencyStyle,\r\n ...this.currencyStyle2,\r\n ];\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.currencyTitle2,\r\n ...this.currencyStyle,\r\n ...this.currencyStyle2,\r\n ];\r\n }\r\n }\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.title-tips {\r\n padding-bottom: 10px;\r\n font-size: 14px;\r\n color: #333;\r\n span {\r\n margin-right: 14px;\r\n color: #999;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
