| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\devise\\goodClass.vue?vue&type=style&index=0&id=a9a0f3d6&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\devise\\goodClass.vue","mtime":1761614939053},{"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:DQouZ29vZENsYXNzIHsNCiAgLnRpdGxlIHsNCiAgICBmb250LXNpemU6IDE0cHg7DQogICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44NSk7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIHBhZGRpbmctbGVmdDogMTFweDsNCiAgICBmb250LXdlaWdodDogYm9sZDsNCiAgICAmOmFmdGVyIHsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIGNvbnRlbnQ6ICcgJzsNCiAgICAgIHdpZHRoOiAycHg7DQogICAgICBoZWlnaHQ6IDE0cHg7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgbGVmdDogMDsNCiAgICAgIHRvcDogM3B4Ow0KICAgIH0NCiAgfQ0KICAubGlzdCB7DQogICAgLml0ZW0gew0KICAgICAgd2lkdGg6IDI2NHB4Ow0KICAgICAgbWFyZ2luOiAwcHggMzBweCAwIDA7DQogICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAucGljdHJ1ZSB7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDQ5NnB4Ow0KICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZWVlZWVlOw0KICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4Ow0KICAgICAgICBpbWcgew0KICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAubmFtZSB7DQogICAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44NSk7DQogICAgICAgIG1hcmdpbi10b3A6IDE2cHg7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIH0NCiAgICAgICYub24gew0KICAgICAgICAucGljdHJ1ZSB7DQogICAgICAgICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgfQ0KICAgICAgICAubmFtZSB7DQogICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["goodClass.vue"],"names":[],"mappings":";AAiEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"goodClass.vue","sourceRoot":"src/pages/setting/devise","sourcesContent":["<template>\r\n <div class=\"goodClass\">\r\n <el-card class=\"h100\" :bordered=\"false\" shadow=\"never\">\r\n <!-- <div class=\"title\">页面设置</div> -->\r\n <div class=\"list acea-row row-top\">\r\n <div\r\n class=\"item\"\r\n :class=\"activeStyle == index ? 'on' : ''\"\r\n v-for=\"(item, index) in classList\"\r\n :key=\"index\"\r\n v-db-click\r\n @click=\"selectTap(index)\"\r\n >\r\n <div class=\"pictrue\"><img :src=\"item.image\" /></div>\r\n <div class=\"name\">{{ item.name }}</div>\r\n </div>\r\n </div>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { colorChange, getColorChange } from '@/api/diy';\r\nexport default {\r\n name: 'goodClass',\r\n props: {},\r\n data() {\r\n return {\r\n classList: [\r\n { image: require('@/assets/images/sort01.jpg'), name: '样式1' },\r\n { image: require('@/assets/images/sort02.jpg'), name: '样式2' },\r\n { image: require('@/assets/images/sort03.png'), name: '样式3' },\r\n ],\r\n activeStyle: '-1',\r\n };\r\n },\r\n created() {\r\n this.getInfo();\r\n },\r\n methods: {\r\n getInfo() {\r\n getColorChange('category').then((res) => {\r\n this.activeStyle = res.data.status ? res.data.status - 1 : 0;\r\n });\r\n },\r\n selectTap(index) {\r\n this.activeStyle = index;\r\n },\r\n onSubmit(num) {\r\n this.$emit('parentFun', true);\r\n this.activeStyle = num == 1 ? 0 : this.activeStyle;\r\n colorChange(num == 1 ? 1 : this.activeStyle + 1, 'category')\r\n .then((res) => {\r\n this.$emit('parentFun', false);\r\n this.$message.success(res.msg);\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n this.$emit('parentFun', false);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.goodClass {\r\n .title {\r\n font-size: 14px;\r\n color: rgba(0, 0, 0, 0.85);\r\n position: relative;\r\n padding-left: 11px;\r\n font-weight: bold;\r\n &:after {\r\n position: absolute;\r\n content: ' ';\r\n width: 2px;\r\n height: 14px;\r\n background-color: var(--prev-color-primary);\r\n left: 0;\r\n top: 3px;\r\n }\r\n }\r\n .list {\r\n .item {\r\n width: 264px;\r\n margin: 0px 30px 0 0;\r\n cursor: pointer;\r\n .pictrue {\r\n width: 100%;\r\n height: 496px;\r\n border: 1px solid #eeeeee;\r\n border-radius: 10px;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 10px;\r\n }\r\n }\r\n .name {\r\n font-size: 13px;\r\n color: rgba(0, 0, 0, 0.85);\r\n margin-top: 16px;\r\n text-align: center;\r\n }\r\n &.on {\r\n .pictrue {\r\n border: 2px solid var(--prev-color-primary);\r\n }\r\n .name {\r\n color: var(--prev-color-primary);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
