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