{"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"]}]}