{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_button_style.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_button_style.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:DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdjX2J1dHRvbl9zdHlsZScsDQogIHByb3BzOiB7DQogICAgY29uZmlnT2JqOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgfSwNCiAgICBjb25maWdObWU6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBkZWZhdWx0czoge30sDQogICAgICBjb25maWdEYXRhOiB7fSwNCiAgICAgIG1vZGFsczogZmFsc2UsDQogICAgICBjdXJyZW50OiAwLA0KICAgICAgbmF2QmFyOiBbDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy90YWIwMi5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMjIwLA0KICAgICAgICAgIGhlaWdodDogMjQsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy90YWIwMy5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMjIwLA0KICAgICAgICAgIGhlaWdodDogMjQsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy90YWIwMS5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMjIwLA0KICAgICAgICAgIGhlaWdodDogMjQsDQogICAgICAgIH0sDQogICAgICBdLA0KICAgICAgc2lnbkluOiBbDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9zaWduSW4wMS5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMjIwLA0KICAgICAgICAgIGhlaWdodDogNjQsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9zaWduSW4wMi5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMjIwLA0KICAgICAgICAgIGhlaWdodDogNTksDQogICAgICAgIH0sDQogICAgICBdLA0KICAgICAgcmFua2luZzogWw0KICAgICAgICB7DQogICAgICAgICAgdXJsOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvcmFua2luZzAxLnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAyMDAsDQogICAgICAgICAgaGVpZ2h0OiAxNzIsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9yYW5raW5nMDIucG5nJyksDQogICAgICAgICAgd2lkdGg6IDIwMCwNCiAgICAgICAgICBoZWlnaHQ6IDE2NywNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgICBjb3Vwb246IFsNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2NvdXBvbjAxLnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAyMjAsDQogICAgICAgICAgaGVpZ2h0OiA2OSwNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2NvdXBvbjAyLnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAyMjAsDQogICAgICAgICAgaGVpZ2h0OiA4NywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2NvdXBvbjAzLnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAyMjAsDQogICAgICAgICAgaGVpZ2h0OiA2MiwNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2NvdXBvbjA0LnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAyMjAsDQogICAgICAgICAgaGVpZ2h0OiA2OSwNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2NvdXBvbjA1LnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAyMjAsDQogICAgICAgICAgaGVpZ2h0OiA0OSwNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgICBwaWN0dXJlQ3ViZTogWw0KICAgICAgICB7DQogICAgICAgICAgdXJsOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvY3ViZTIucG5nJyksDQogICAgICAgICAgd2lkdGg6IDEzMCwNCiAgICAgICAgICBoZWlnaHQ6IDEyOSwNCiAgICAgICAgICBjb3VudDogMiwNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2N1YmUzLnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAxMzAsDQogICAgICAgICAgaGVpZ2h0OiAxMjksDQogICAgICAgICAgY291bnQ6IDIsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9jdWJlNC5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMTMwLA0KICAgICAgICAgIGhlaWdodDogMTI5LA0KICAgICAgICAgIGNvdW50OiAzLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgdXJsOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvY3ViZTUucG5nJyksDQogICAgICAgICAgd2lkdGg6IDEzMCwNCiAgICAgICAgICBoZWlnaHQ6IDEyOSwNCiAgICAgICAgICBjb3VudDogMywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2N1YmU2LnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAxMzAsDQogICAgICAgICAgaGVpZ2h0OiAxMjksDQogICAgICAgICAgY291bnQ6IDMsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9jdWJlNy5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMTMwLA0KICAgICAgICAgIGhlaWdodDogMTI5LA0KICAgICAgICAgIGNvdW50OiAzLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgdXJsOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvY3ViZTgucG5nJyksDQogICAgICAgICAgd2lkdGg6IDEzMCwNCiAgICAgICAgICBoZWlnaHQ6IDEyOSwNCiAgICAgICAgICBjb3VudDogMywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2N1YmU5LnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAxMzAsDQogICAgICAgICAgaGVpZ2h0OiAxMjksDQogICAgICAgICAgY291bnQ6IDQsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9jdWJlMTAucG5nJyksDQogICAgICAgICAgd2lkdGg6IDEzMCwNCiAgICAgICAgICBoZWlnaHQ6IDEyOSwNCiAgICAgICAgICBjb3VudDogNSwNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHVybDogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL2N1YmUxMS5wbmcnKSwNCiAgICAgICAgICB3aWR0aDogMTMwLA0KICAgICAgICAgIGhlaWdodDogMTI5LA0KICAgICAgICAgIGNvdW50OiA0LA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgdXJsOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvY3ViZTEyLnBuZycpLA0KICAgICAgICAgIHdpZHRoOiAxMzAsDQogICAgICAgICAgaGVpZ2h0OiAxMjksDQogICAgICAgICAgY291bnQ6IDEsDQogICAgICAgIH0sDQogICAgICAgIC8vIHsNCiAgICAgICAgLy8gICB1cmw6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9jdWJlMS5wbmcnKSwNCiAgICAgICAgLy8gICB3aWR0aDogMTMwLA0KICAgICAgICAvLyAgIGhlaWdodDogMTMwLA0KICAgICAgICAvLyAgIGNvdW50OiAxNiwNCiAgICAgICAgLy8gfSwNCiAgICAgIF0sDQogICAgICBsaXN0OiBbXSwNCiAgICB9Ow0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbmZpZ09iajogew0KICAgICAgaGFuZGxlcihuVmFsKSB7DQogICAgICAgIHRoaXMuZGVmYXVsdHMgPSBuVmFsOw0KICAgICAgICB0aGlzLmNvbmZpZ0RhdGEgPSBuVmFsW3RoaXMuY29uZmlnTm1lXTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgdGhpcy5kZWZhdWx0cyA9IHRoaXMuY29uZmlnT2JqOw0KICAgICAgdGhpcy5jb25maWdEYXRhID0gdGhpcy5jb25maWdPYmpbdGhpcy5jb25maWdObWVdOw0KICAgICAgdGhpcy4kbmV4dFRpY2soKGUpID0+IHsNCiAgICAgICAgdGhpcy5jdXJyZW50ID0gdGhpcy5jb25maWdEYXRhLnRhYlZhbDsNCiAgICAgIH0pOw0KICAgICAgc3dpdGNoICh0aGlzLmNvbmZpZ0RhdGEudHlwZSkgew0KICAgICAgICBjYXNlICduYXZCYXInOg0KICAgICAgICAgIHRoaXMubGlzdCA9IHRoaXMubmF2QmFyOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlICdzaWduSW4nOg0KICAgICAgICAgIHRoaXMubGlzdCA9IHRoaXMuc2lnbkluOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlICdyYW5raW5nJzoNCiAgICAgICAgICB0aGlzLmxpc3QgPSB0aGlzLnJhbmtpbmc7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgJ2NvdXBvbic6DQogICAgICAgICAgdGhpcy5saXN0ID0gdGhpcy5jb3Vwb247DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgJ3BpY3R1cmVDdWJlJzoNCiAgICAgICAgICB0aGlzLmxpc3QgPSB0aGlzLnBpY3R1cmVDdWJlOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgfQ0KICAgIH0pOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgdGFwKGluZGV4KSB7DQogICAgICB0aGlzLmN1cnJlbnQgPSBpbmRleDsNCiAgICB9LA0KICAgIHN0eWxlVGFwKCkgew0KICAgICAgdGhpcy5tb2RhbHMgPSB0cnVlOw0KICAgIH0sDQogICAgY2FuY2VsKCkgew0KICAgICAgdGhpcy5tb2RhbHMgPSBmYWxzZTsNCiAgICB9LA0KICAgIG9rKCkgew0KICAgICAgdGhpcy5tb2RhbHMgPSBmYWxzZTsNCiAgICAgIHRoaXMuY29uZmlnRGF0YS50YWJWYWwgPSB0aGlzLmN1cnJlbnQ7DQogICAgICB0aGlzLmNvbmZpZ0RhdGEuY291bnQgPSB0aGlzLmxpc3RbdGhpcy5jdXJyZW50XS5jb3VudDsNCiAgICAgIGlmICh0aGlzLmRlZmF1bHRzLnBpY1N0eWxlKSB7DQogICAgICAgIHRoaXMuZGVmYXVsdHMucGljU3R5bGUudGFiVmFsID0gMDsNCiAgICAgIH0NCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["c_button_style.vue"],"names":[],"mappings":";AA+CA;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;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;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_style.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\">\r\n        <div class=\"bnt\" @click=\"styleTap\">修改风格</div>\r\n        <div class=\"name\">当前：样式{{ configData.tabVal + 1 }}</div>\r\n      </div>\r\n    </div>\r\n    <el-dialog\r\n      :visible.sync=\"modals\"\r\n      title=\"风格选择器\"\r\n      height=\"500\"\r\n      :width=\"configData.type == 'signIn' || configData.type == 'ranking' ? '630px' : '910px'\"\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"item\"\r\n          :class=\"current == index ? 'on' : ''\"\r\n          v-for=\"(item, index) in list\"\r\n          :key=\"index\"\r\n          @click=\"tap(index)\"\r\n        >\r\n          <div class=\"pictrue acea-row row-center-wrapper\">\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            <span class=\"iconfont icona-zu80222\" v-if=\"current == index\"></span>\r\n          </div>\r\n          <div class=\"name\">风格{{ index + 1 }}</div>\r\n        </div>\r\n      </div>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"cancel\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"ok\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'c_button_style',\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      modals: false,\r\n      current: 0,\r\n      navBar: [\r\n        {\r\n          url: require('@/assets/images/tab02.png'),\r\n          width: 220,\r\n          height: 24,\r\n        },\r\n        {\r\n          url: require('@/assets/images/tab03.png'),\r\n          width: 220,\r\n          height: 24,\r\n        },\r\n        {\r\n          url: require('@/assets/images/tab01.png'),\r\n          width: 220,\r\n          height: 24,\r\n        },\r\n      ],\r\n      signIn: [\r\n        {\r\n          url: require('@/assets/images/signIn01.png'),\r\n          width: 220,\r\n          height: 64,\r\n        },\r\n        {\r\n          url: require('@/assets/images/signIn02.png'),\r\n          width: 220,\r\n          height: 59,\r\n        },\r\n      ],\r\n      ranking: [\r\n        {\r\n          url: require('@/assets/images/ranking01.png'),\r\n          width: 200,\r\n          height: 172,\r\n        },\r\n        {\r\n          url: require('@/assets/images/ranking02.png'),\r\n          width: 200,\r\n          height: 167,\r\n        },\r\n      ],\r\n      coupon: [\r\n        {\r\n          url: require('@/assets/images/coupon01.png'),\r\n          width: 220,\r\n          height: 69,\r\n        },\r\n        {\r\n          url: require('@/assets/images/coupon02.png'),\r\n          width: 220,\r\n          height: 87,\r\n        },\r\n        {\r\n          url: require('@/assets/images/coupon03.png'),\r\n          width: 220,\r\n          height: 62,\r\n        },\r\n        {\r\n          url: require('@/assets/images/coupon04.png'),\r\n          width: 220,\r\n          height: 69,\r\n        },\r\n        {\r\n          url: require('@/assets/images/coupon05.png'),\r\n          width: 220,\r\n          height: 49,\r\n        },\r\n      ],\r\n      pictureCube: [\r\n        {\r\n          url: require('@/assets/images/cube2.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 2,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube3.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 2,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube4.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 3,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube5.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 3,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube6.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 3,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube7.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 3,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube8.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 3,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube9.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 4,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube10.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 5,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube11.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 4,\r\n        },\r\n        {\r\n          url: require('@/assets/images/cube12.png'),\r\n          width: 130,\r\n          height: 129,\r\n          count: 1,\r\n        },\r\n        // {\r\n        //   url: require('@/assets/images/cube1.png'),\r\n        //   width: 130,\r\n        //   height: 130,\r\n        //   count: 16,\r\n        // },\r\n      ],\r\n      list: [],\r\n    };\r\n  },\r\n  watch: {\r\n    configObj: {\r\n      handler(nVal) {\r\n        this.defaults = nVal;\r\n        this.configData = nVal[this.configNme];\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.$nextTick((e) => {\r\n        this.current = this.configData.tabVal;\r\n      });\r\n      switch (this.configData.type) {\r\n        case 'navBar':\r\n          this.list = this.navBar;\r\n          break;\r\n        case 'signIn':\r\n          this.list = this.signIn;\r\n          break;\r\n        case 'ranking':\r\n          this.list = this.ranking;\r\n          break;\r\n        case 'coupon':\r\n          this.list = this.coupon;\r\n          break;\r\n        case 'pictureCube':\r\n          this.list = this.pictureCube;\r\n          break;\r\n      }\r\n    });\r\n  },\r\n  methods: {\r\n    tap(index) {\r\n      this.current = index;\r\n    },\r\n    styleTap() {\r\n      this.modals = true;\r\n    },\r\n    cancel() {\r\n      this.modals = false;\r\n    },\r\n    ok() {\r\n      this.modals = false;\r\n      this.configData.tabVal = this.current;\r\n      this.configData.count = this.list[this.current].count;\r\n      if (this.defaults.picStyle) {\r\n        this.defaults.picStyle.tabVal = 0;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n::v-deep.ivu-modal-body {\r\n  max-height: 623px;\r\n  overflow: auto;\r\n}\r\n.list {\r\n  padding-left: 8px;\r\n  max-height: 50vh;\r\n  .item {\r\n    margin-right: 11px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    &.on {\r\n      .pictrue {\r\n        border-color: var(--prev-color-primary);\r\n      }\r\n    }\r\n\r\n    .name {\r\n      color: #3d3d3d;\r\n      font-size: 14px;\r\n      margin: 12px 0;\r\n    }\r\n\r\n    &:nth-of-type(3n) {\r\n      margin-right: 0;\r\n    }\r\n    .pictrue {\r\n      width: 273px;\r\n      height: 218px;\r\n      background: #f5f5f5;\r\n      border-radius: 4px;\r\n      border: 1px solid #dddddd;\r\n      position: relative;\r\n\r\n      img {\r\n        display: block;\r\n      }\r\n\r\n      .iconfont {\r\n        position: absolute;\r\n        right: -1px;\r\n        bottom: -4px;\r\n        color: var(--prev-color-primary);\r\n      }\r\n    }\r\n  }\r\n}\r\n.button-style {\r\n  padding: 0 15px;\r\n  margin-bottom: 20px;\r\n\r\n  .title-tips {\r\n    margin-right: 14px;\r\n    color: #999;\r\n    font-size: 12px;\r\n    width: 82px;\r\n  }\r\n\r\n  .style-box {\r\n    .bnt {\r\n      width: 94px;\r\n      height: 32px;\r\n      background: var(--prev-color-primary);\r\n      border-radius: 4px;\r\n      text-align: center;\r\n      line-height: 32px;\r\n      color: #fff;\r\n      font-size: 12px;\r\n      cursor: pointer;\r\n    }\r\n    .name {\r\n      color: #999999;\r\n      font-size: 12px;\r\n      margin-left: 12px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}