| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\pagesFoot\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\pagesFoot\\index.vue","mtime":1761614938982},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHRoZW1lIGZyb20gJ0AvbWl4aW5zL3RoZW1lJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2luZGV4LnZ1ZScsDQogIHByb3BzOiB7DQogICAgY29uZmlnT2JqOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiBmdW5jdGlvbiAoKSB7DQogICAgICAgIHJldHVybiB7fTsNCiAgICAgIH0sDQogICAgfSwNCiAgICBjb25maWdObWU6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICAgIGRlZmF1bHQ6ICcnLA0KICAgIH0sDQogIH0sDQogIG1peGluczogW3RoZW1lXSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdHh0Q29sb3I6ICcnLA0KICAgICAgYWN0aXZlVHh0Q29sb3I6ICcnLA0KICAgICAgYmdDb2xvcjogJycsDQogICAgICBiZ0NvbG9yMjogJycsDQogICAgICBtZW51TGlzdDogW10sDQogICAgICBpc1NwZWNpYWw6IDIsDQogICAgICB0b25lQ29uZmlnOiAwLA0KICAgICAgdG9wQ29uZmlnOiAwLA0KICAgICAgYm90dG9tQ29uZmlnOiAwLA0KICAgICAgbmF2U3R5bGVDb25maWc6IDAsDQogICAgICBuYXZDb25maWc6IDAsDQogICAgICBwckNvbmZpZzogMCwNCiAgICAgIG1Ub3A6IDAsDQogICAgICBiZ1JhZGl1czogMCwNCiAgICAgIG5vUGljOiByZXF1aXJlKCcuLi8uLi9hc3NldHMvaW1hZ2VzL25vUGljdHJ1ZS5wbmcnKSwNCiAgICB9Ow0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ3BhZ2VGb290ZXInXSksDQogIH0sDQogIHdhdGNoOiB7DQogICAgcGFnZUZvb3Rlcjogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICBsZXQgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5wYWdlRm9vdGVyOw0KICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgc2V0Q29uZmlnKGRhdGEpIHsNCiAgICAgIHRoaXMudHh0Q29sb3IgPSBkYXRhLnR4dENvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICB0aGlzLmFjdGl2ZVR4dENvbG9yID0gZGF0YS5hY3RpdmVUeHRDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgdGhpcy5iZ0NvbG9yID0gZGF0YS5iZ0NvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICB0aGlzLmJnQ29sb3IyID0gZGF0YS5iZ0NvbG9yMi5jb2xvclswXS5pdGVtOw0KICAgICAgdGhpcy5uYXZTdHlsZUNvbmZpZyA9IGRhdGEubmF2U3R5bGVDb25maWcudGFiVmFsOw0KICAgICAgdGhpcy50b25lQ29uZmlnID0gZGF0YS50b25lQ29uZmlnLnRhYlZhbDsNCiAgICAgIHRoaXMubmF2Q29uZmlnID0gZGF0YS5uYXZDb25maWcudGFiVmFsOw0KICAgICAgdGhpcy50b3BDb25maWcgPSBkYXRhLnRvcENvbmZpZy52YWw7DQogICAgICB0aGlzLmJvdHRvbUNvbmZpZyA9IGRhdGEuYm90dG9tQ29uZmlnLnZhbDsNCiAgICAgIHRoaXMucHJDb25maWcgPSBkYXRhLnByQ29uZmlnLnZhbDsNCiAgICAgIHRoaXMubVRvcCA9IGRhdGEubWJDb25maWcudmFsOw0KICAgICAgbGV0IGZpbGxldCA9IGRhdGEuZmlsbGV0LnR5cGU7DQogICAgICBsZXQgZmlsbGV0VmFsID0gZGF0YS5maWxsZXQudmFsOw0KICAgICAgbGV0IHZhbExpc3QgPSBkYXRhLmZpbGxldC52YWxMaXN0Ow0KICAgICAgdGhpcy5iZ1JhZGl1cyA9IGZpbGxldA0KICAgICAgICA/IHZhbExpc3RbMF0udmFsICsgJ3B4ICcgKyB2YWxMaXN0WzFdLnZhbCArICdweCAnICsgdmFsTGlzdFszXS52YWwgKyAncHggJyArIHZhbExpc3RbMl0udmFsICsgJ3B4Jw0KICAgICAgICA6IGZpbGxldFZhbCArICdweCc7DQogICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ21vYmlsZENvbmZpZy9mb290VHlwZScsIHRoaXMubmF2Q29uZmlnKTsNCiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL2Zvb3RCb3R0b20nLCB0aGlzLm1Ub3ApOw0KICAgICAgdGhpcy5tZW51TGlzdCA9IFtdOw0KICAgICAgdGhpcy4kc2V0KHRoaXMsICdtZW51TGlzdCcsIGRhdGEubWVudUxpc3QubGVuZ3RoID8gZGF0YS5tZW51TGlzdCA6IDUpOw0KICAgICAgaWYgKGRhdGEuc3RhdHVzLnRpdGxlID09ICfmmK/lkKbmmL7npLonKSB7DQogICAgICAgIHRoaXMuaXNTcGVjaWFsID0gMjsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuaXNTcGVjaWFsID0gMDsNCiAgICAgIH0NCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAiDA;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;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;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"]}]}
|
