| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_button_img.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_button_img.vue","mtime":1761614938965},{"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:DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdjX2J1dHRvbl9pbWcnLA0KICBwcm9wczogew0KICAgIGNvbmZpZ09iajogew0KICAgICAgdHlwZTogT2JqZWN0LA0KICAgIH0sDQogICAgY29uZmlnTm1lOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgZGVmYXVsdHM6IHt9LA0KICAgICAgY29uZmlnRGF0YToge30sDQogICAgICBjdXJyZW50OiAwLA0KICAgICAgbGlzdDogW10sDQogICAgfTsNCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICBjb25maWdPYmo6IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICB0aGlzLmRlZmF1bHRzID0gblZhbDsNCiAgICAgICAgdGhpcy5jb25maWdEYXRhID0gblZhbFt0aGlzLmNvbmZpZ05tZV07DQogICAgICAgIHRoaXMuZ2V0Qm50KG5WYWwpOw0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICB0aGlzLmRlZmF1bHRzID0gdGhpcy5jb25maWdPYmo7DQogICAgICB0aGlzLmNvbmZpZ0RhdGEgPSB0aGlzLmNvbmZpZ09ialt0aGlzLmNvbmZpZ05tZV07DQogICAgICB0aGlzLmdldEJudCh0aGlzLmRlZmF1bHRzKTsNCiAgICB9KTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIHRhcChpbmRleCkgew0KICAgICAgdGhpcy5jdXJyZW50ID0gaW5kZXg7DQogICAgICB0aGlzLmNvbmZpZ0RhdGEudGFiVmFsID0gaW5kZXg7DQogICAgfSwNCiAgICBnZXRCbnQoblZhbCkgew0KICAgICAgbGV0IG9iaiA9IFsNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2NhcnQyLnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAyNCwNCiAgICAgICAgICBoZWlnaHQ6IDI0LA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgdXJsOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvY2FydDMucG5nJyksDQogICAgICAgICAgd2lkdGg6IDI0LA0KICAgICAgICAgIGhlaWdodDogMjQsDQogICAgICAgIH0sDQogICAgICBdOw0KICAgICAgaWYgKG5WYWwuYm50U3R5bGVDb25maWcudHlwZUZyb20gPT0gJ2JudCcpIHsNCiAgICAgICAgdGhpcy5saXN0ID0gb2JqOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgaWYgKG5WYWwuc3R5bGVDb25maWcudGFiVmFsID09IDAgfHwgblZhbC5zdHlsZUNvbmZpZy50YWJWYWwgPT0gNCkgew0KICAgICAgICAgIHRoaXMubGlzdCA9IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgdXJsOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvY2FydDEucG5nJyksDQogICAgICAgICAgICAgIHdpZHRoOiA0MiwNCiAgICAgICAgICAgICAgaGVpZ2h0OiAyNCwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2NhcnQyLnBuZycpLA0KICAgICAgICAgICAgICB3aWR0aDogMjQsDQogICAgICAgICAgICAgIGhlaWdodDogMjQsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9jYXJ0My5wbmcnKSwNCiAgICAgICAgICAgICAgd2lkdGg6IDI0LA0KICAgICAgICAgICAgICBoZWlnaHQ6IDI0LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuY3VycmVudCA9IHRoaXMuY3VycmVudCA9PSAyID8gMSA6IHRoaXMuY3VycmVudDsNCiAgICAgICAgICB0aGlzLmxpc3QgPSBvYmo7DQogICAgICAgIH0NCiAgICAgICAgblZhbC5ibnRTdHlsZUNvbmZpZy50YWJWYWwgPSB0aGlzLmN1cnJlbnQ7DQogICAgICB9DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["c_button_img.vue"],"names":[],"mappings":";AAsBA;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;AACA","file":"c_button_img.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n <div>\r\n <div class=\"button-style acea-row row-middle\">\r\n <div class=\"title-tips\" v-if=\"configData\">\r\n <span>{{ configData.title }}</span>\r\n </div>\r\n <div class=\"style-box acea-row row-middle\" v-for=\"(item, index) in list\" :key=\"index\">\r\n <div class=\"pictrue acea-row row-center-wrapper\" :class=\"current == index ? 'on' : ''\" @click=\"tap(index)\">\r\n <img\r\n :src=\"item.url\"\r\n :style=\"{\r\n width: item.width + 'px',\r\n height: item.height + 'px',\r\n }\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'c_button_img',\r\n props: {\r\n configObj: {\r\n type: Object,\r\n },\r\n configNme: {\r\n type: String,\r\n },\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n configData: {},\r\n current: 0,\r\n list: [],\r\n };\r\n },\r\n watch: {\r\n configObj: {\r\n handler(nVal, oVal) {\r\n this.defaults = nVal;\r\n this.configData = nVal[this.configNme];\r\n this.getBnt(nVal);\r\n },\r\n deep: true,\r\n },\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.defaults = this.configObj;\r\n this.configData = this.configObj[this.configNme];\r\n this.getBnt(this.defaults);\r\n });\r\n },\r\n methods: {\r\n tap(index) {\r\n this.current = index;\r\n this.configData.tabVal = index;\r\n },\r\n getBnt(nVal) {\r\n let obj = [\r\n {\r\n url: require('@/assets/images/cart2.png'),\r\n width: 24,\r\n height: 24,\r\n },\r\n {\r\n url: require('@/assets/images/cart3.png'),\r\n width: 24,\r\n height: 24,\r\n },\r\n ];\r\n if (nVal.bntStyleConfig.typeFrom == 'bnt') {\r\n this.list = obj;\r\n } else {\r\n if (nVal.styleConfig.tabVal == 0 || nVal.styleConfig.tabVal == 4) {\r\n this.list = [\r\n {\r\n url: require('@/assets/images/cart1.png'),\r\n width: 42,\r\n height: 24,\r\n },\r\n {\r\n url: require('@/assets/images/cart2.png'),\r\n width: 24,\r\n height: 24,\r\n },\r\n {\r\n url: require('@/assets/images/cart3.png'),\r\n width: 24,\r\n height: 24,\r\n },\r\n ];\r\n } else {\r\n this.current = this.current == 2 ? 1 : this.current;\r\n this.list = obj;\r\n }\r\n nVal.bntStyleConfig.tabVal = this.current;\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.button-style {\r\n padding: 0 15px;\r\n margin-bottom: 20px;\r\n .title-tips {\r\n color: #999999;\r\n font-size: 12px;\r\n width: 75px;\r\n margin-right: 16px;\r\n }\r\n .style-box {\r\n .pictrue {\r\n width: 54px;\r\n height: 36px;\r\n border-radius: 3px;\r\n border: 1px solid #fff;\r\n margin-right: 10px;\r\n &.on {\r\n border: 1px solid var(--prev-color-primary);\r\n }\r\n img {\r\n display: block;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
