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