| 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=style&index=0&id=5c3242d9&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_button_img.vue","mtime":1761614938965},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"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:DQouYnV0dG9uLXN0eWxlIHsNCiAgcGFkZGluZzogMCAxNXB4Ow0KICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KICAudGl0bGUtdGlwcyB7DQogICAgY29sb3I6ICM5OTk5OTk7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIHdpZHRoOiA3NXB4Ow0KICAgIG1hcmdpbi1yaWdodDogMTZweDsNCiAgfQ0KICAuc3R5bGUtYm94IHsNCiAgICAucGljdHJ1ZSB7DQogICAgICB3aWR0aDogNTRweDsNCiAgICAgIGhlaWdodDogMzZweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNmZmY7DQogICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgICAmLm9uIHsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgIH0NCiAgICAgIGltZyB7DQogICAgICAgIGRpc3BsYXk6IGJsb2NrOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["c_button_img.vue"],"names":[],"mappings":";AA4GA;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"]}]}
|
