fa1e8b4e10712512f72db38cdd98af02.json 15 KB

1
  1. {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\rightConfig\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\rightConfig\\index.vue","mtime":1677828270169},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5udW1iZXIuY29uc3RydWN0b3IuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5mdW5jdGlvbi5uYW1lLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuanNvbi5zdHJpbmdpZnkuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5tYXAuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMucmVnZXhwLnRvLXN0cmluZy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLnN0cmluZy5saW5rLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0Q2F0ZWdvcnkgYXMgX2dldENhdGVnb3J5LCBnZXRCeUNhdGVnb3J5IGFzIF9nZXRCeUNhdGVnb3J5LCBnZXRQcm9kdWN0LCBkaXlTYXZlLCBzdG9yZVN0YXR1cyBhcyBfc3RvcmVTdGF0dXMgfSBmcm9tICdAL2FwaS9kaXknOwppbXBvcnQgdG9vbENvbSBmcm9tICdAL2NvbXBvbmVudHMvZGl5Q29tcG9uZW50cy9pbmRleC5qcyc7CmltcG9ydCB7IG1hcE11dGF0aW9ucyB9IGZyb20gJ3Z1ZXgnOwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3JpZ2h0Q29uZmlnJywKICBjb21wb25lbnRzOiBfb2JqZWN0U3ByZWFkKHt9LCB0b29sQ29tKSwKICBwcm9wczogewogICAgbmFtZTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6IHt9CiAgICB9LAogICAgcGFnZUlkOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogMAogICAgfSwKICAgIGNvbmZpZ051bTogewogICAgICB0eXBlOiBOdW1iZXIgfCBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdkZWZhdWx0JwogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIC8vIC4uLm1hcFN0YXRlKHsKICAgIC8vICAgICBkZWZ1bHRBcnI6KHN0YXRlKT0+c3RhdGUuZ29vZFNlbGVjdC5jb21wb25lbnQsCiAgICAvLyB9KQogICAgZGVmdWx0QXJyOiBmdW5jdGlvbiBkZWZ1bHRBcnIoKSB7CiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5tb3Jlbi5jb21wb25lbnQ7CiAgICB9CiAgfSwKICB3YXRjaDogewogICAgbmFtZTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLnJDb20gPSBbXTsKICAgICAgICB0aGlzLmNvbmZpZ0RhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb3Jlbi5kZWZhdWx0Q29uZmlnW25WYWwubmFtZV07CgogICAgICAgIGlmICghdGhpcy5jb25maWdEYXRhLmhhc093blByb3BlcnR5KHRoaXMuY29uZmlnTnVtKSkgewogICAgICAgICAgdmFyIGRlZmF1bHRPYmogPSBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHRoaXMuY29uZmlnRGF0YS5kZWZhdWx0VmFsKSk7CiAgICAgICAgICB0aGlzLmNvbmZpZ0RhdGFbblZhbC5udW1dID0gZGVmYXVsdE9iajsKICAgICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9yZW4vdXBEYXRhTmFtZScsIHRoaXMuY29uZmlnRGF0YSk7CiAgICAgICAgfQoKICAgICAgICB2YXIgdGhhdCA9IHRoaXM7CiAgICAgICAgc2V0VGltZW91dChmdW5jdGlvbiAoKSB7CiAgICAgICAgICB0aGF0LnJDb20gPSB0aGF0LiRzdG9yZS5zdGF0ZS5tb3Jlbi5jb21wb25lbnRbblZhbC5uYW1lXS5saXN0OwogICAgICAgIH0sIDMwKTsKCiAgICAgICAgaWYgKHRoaXMuY29uZmlnRGF0YVtuVmFsLm51bV0uc2VsZWN0Q29uZmlnKSB7CiAgICAgICAgICB2YXIgdHlwZSA9IHRoaXMuY29uZmlnRGF0YVtuVmFsLm51bV0uc2VsZWN0Q29uZmlnLnR5cGUgPyB0aGlzLmNvbmZpZ0RhdGFbblZhbC5udW1dLnNlbGVjdENvbmZpZy50eXBlIDogMDsKCiAgICAgICAgICBpZiAodHlwZSkgewogICAgICAgICAgICB0aGlzLmdldEJ5Q2F0ZWdvcnkoKTsKICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgIHRoaXMuZ2V0Q2F0ZWdvcnkoKTsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICBkZWZ1bHRBcnI6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdGhpcy5yQ29tID0gW107CiAgICAgICAgdmFyIHRlbXBBcnIgPSB0aGlzLm9ialRvQXJyYXkoblZhbCk7CiAgICAgICAgdGhpcy5yQ29tID0gblZhbFt0aGlzLm5hbWUubmFtZV0ubGlzdDsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHJDb206IFtdLAogICAgICBjb25maWdEYXRhOiB7fSwKICAgICAgaXNTaG93OiB0cnVlLAogICAgICBjYXRlZ29yeUxpc3Q6IFtdLAogICAgICBzdGF0dXM6IDAKICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdGhpcy5zdG9yZVN0YXR1cygpOwogIH0sCiAgbWV0aG9kczogewogICAgc3RvcmVTdGF0dXM6IGZ1bmN0aW9uIHN0b3JlU3RhdHVzKCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgX3N0b3JlU3RhdHVzKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMuc3RhdHVzID0gcGFyc2VJbnQocmVzLmRhdGEuc3RvcmVfc3RhdHVzKTsKICAgICAgfSk7CiAgICB9LAogICAgZ2V0Q2F0ZWdvcnk6IGZ1bmN0aW9uIGdldENhdGVnb3J5KCkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKCiAgICAgIF9nZXRDYXRlZ29yeSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIHZhciBkYXRhID0gW107CiAgICAgICAgcmVzLmRhdGEubWFwKGZ1bmN0aW9uIChpdGVtKSB7CiAgICAgICAgICBkYXRhLnB1c2goewogICAgICAgICAgICB0aXRsZTogaXRlbS50aXRsZSwKICAgICAgICAgICAgcGlkOiBpdGVtLnBpZCwKICAgICAgICAgICAgYWN0aXZlVmFsdWU6IGl0ZW0uaWQudG9TdHJpbmcoKQogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgICAgX3RoaXMyLmNvbmZpZ0RhdGFbX3RoaXMyLm5hbWUubnVtXS5zZWxlY3RDb25maWcubGlzdCA9IGRhdGE7CgogICAgICAgIF90aGlzMi5idXMuJGVtaXQoJ3VwRGF0YScsIGRhdGEpOwogICAgICB9KTsKICAgIH0sCiAgICAvL+iOt+WPluS6jOe6p+WIhuexuwogICAgZ2V0QnlDYXRlZ29yeTogZnVuY3Rpb24gZ2V0QnlDYXRlZ29yeSgpIHsKICAgICAgdmFyIF90aGlzMyA9IHRoaXM7CgogICAgICBfZ2V0QnlDYXRlZ29yeSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIHZhciBkYXRhID0gW107CiAgICAgICAgcmVzLmRhdGEubWFwKGZ1bmN0aW9uIChpdGVtKSB7CiAgICAgICAgICBkYXRhLnB1c2goewogICAgICAgICAgICB0aXRsZTogaXRlbS5jYXRlX25hbWUsCiAgICAgICAgICAgIHBpZDogaXRlbS5waWQsCiAgICAgICAgICAgIGFjdGl2ZVZhbHVlOiBpdGVtLmlkLnRvU3RyaW5nKCkKICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgICAgIF90aGlzMy5jb25maWdEYXRhW190aGlzMy5uYW1lLm51bV0uc2VsZWN0Q29uZmlnLmxpc3QgPSBkYXRhOwoKICAgICAgICBfdGhpczMuYnVzLiRlbWl0KCd1cERhdGEnLCBkYXRhKTsKICAgICAgfSk7CiAgICB9LAogICAgLy8g5L+d5a2Y5pWw5o2uCiAgICBzYXZlQ29uZmlnOiBmdW5jdGlvbiBzYXZlQ29uZmlnKCkgewogICAgICB2YXIgX3RoaXM0ID0gdGhpczsKCiAgICAgIHZhciBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9yZW4uZGVmYXVsdENvbmZpZzsKCiAgICAgIGlmICh0aGlzLm5hbWUubmFtZSA9PSAndGFiQmFyJykgewogICAgICAgIGlmICghdGhpcy5zdGF0dXMpIHsKICAgICAgICAgIHZhciBsaXN0ID0gZGF0YS50YWJCYXIuZGVmYXVsdC50YWJCYXJMaXN0Lmxpc3Q7CgogICAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBsaXN0Lmxlbmd0aDsgaSsrKSB7CiAgICAgICAgICAgIGlmIChsaXN0W2ldLmxpbmsgPT0gJy9wYWdlcy9zdG9yZUxpc3QvaW5kZXgnIHx8IGxpc3RbaV0ubGluayA9PSAncGFnZXMvc3RvcmVMaXN0L2luZGV4JykgewogICAgICAgICAgICAgIHJldHVybiB0aGlzLiRNZXNzYWdlLmVycm9yKCfor7flhYjlvIDlkK/mgqjnmoTlkajovrnlip/og70oL3BhZ2VzL3N0b3JlTGlzdC9pbmRleCknKTsKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0KCiAgICAgICAgaWYgKGRhdGEudGFiQmFyLmRlZmF1bHQudGFiQmFyTGlzdC5saXN0Lmxlbmd0aCA8IDIpIHsKICAgICAgICAgIHJldHVybiB0aGlzLiRNZXNzYWdlLmVycm9yKCfmgqjmnIDlsJHlupTmt7vliqAy5Liq5a+86IiqJyk7CiAgICAgICAgfQogICAgICB9CgogICAgICBkaXlTYXZlKHRoaXMucGFnZUlkLCB7CiAgICAgICAgdmFsdWU6IGRhdGEKICAgICAgfSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXM0LiRNZXNzYWdlLnN1Y2Nlc3MoJ+S/neWtmOaIkOWKnycpOwogICAgICB9KTsKICAgIH0sCiAgICAvLyDlr7nosaHovazmlbDnu4QKICAgIG9ialRvQXJyYXk6IGZ1bmN0aW9uIG9ialRvQXJyYXkoYXJyYXkpIHsKICAgICAgdmFyIGFyciA9IFtdOwoKICAgICAgZm9yICh2YXIgaSBpbiBhcnJheSkgewogICAgICAgIGFyci5wdXNoKGFycmF5W2ldKTsKICAgICAgfQoKICAgICAgcmV0dXJuIGFycjsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;EACAA,mBADA;EAEAC,8BACAC,OADA,CAFA;EAKAC;IACAH;MACAI,YADA;MAEAC;IAFA,CADA;IAKAC;MACAF,YADA;MAEAC;IAFA,CALA;IASAE;MACAH,qBADA;MAEAC;IAFA;EATA,CALA;EAmBAG;IACA;IACA;IACA;IACAC,SAJA,uBAIA;MACA;IACA;EANA,CAnBA;EA2BAC;IACAV;MACAW,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;;QACA;UACA;UACA;UACA;QACA;;QACA;QACAC;UACAC;QACA,CAFA,EAEA,EAFA;;QAGA;UACA;;UACA;YACA;UACA,CAFA,MAEA;YACA;UACA;QACA;MACA,CArBA;MAsBAC;IAtBA,CADA;IAyBAP;MACAE,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;QACA;MACA,CALA;MAMAG;IANA;EAzBA,CA3BA;EA6DAC,IA7DA,kBA6DA;IACA;MACAC,QADA;MAEAC,cAFA;MAGAC,YAHA;MAIAC,gBAJA;MAKAC;IALA;EAOA,CArEA;EAsEAC,OAtEA,qBAsEA;IACA;EACA,CAxEA;EAyEAC;IACAC,WADA,yBACA;MAAA;;MACAA;QACA;MACA,CAFA;IAGA,CALA;IAMAC,WANA,yBAMA;MAAA;;MACAA;QACA;QACAC;UACAV;YACAW,iBADA;YAEAC,aAFA;YAGAC;UAHA;QAKA,CANA;QAOA;;QACA;MACA,CAXA;IAYA,CAnBA;IAoBA;IACAC,aArBA,2BAqBA;MAAA;;MACAA;QACA;QACAJ;UACAV;YACAW,qBADA;YAEAC,aAFA;YAGAC;UAHA;QAKA,CANA;QAOA;;QACA;MACA,CAXA;IAYA,CAlCA;IAmCA;IACAE,UApCA,wBAoCA;MAAA;;MACA;;MACA;QACA;UACA;;UACA;YACA;cACA;YACA;UACA;QACA;;QACA;UACA;QACA;MACA;;MAEAC;QACAC;MADA,GAEAC,IAFA,CAEA;QACA;MACA,CAJA;IAKA,CAzDA;IA0DA;IACAC,UA3DA,sBA2DAC,KA3DA,EA2DA;MACA;;MACA;QACAC;MACA;;MACA;IACA;EAjEA;AAzEA","names":["name","components","toolCom","props","type","default","pageId","configNum","computed","defultArr","watch","handler","nVal","oVal","setTimeout","that","deep","data","rCom","configData","isShow","categoryList","status","mounted","methods","storeStatus","getCategory","res","title","pid","activeValue","getByCategory","saveConfig","diySave","value","then","objToArray","array","arr"],"sourceRoot":"src/components/rightConfig","sources":["index.vue"],"sourcesContent":["<template>\r\n <div class=\"right-box\" v-if=\"rCom.length\">\r\n <div class=\"title-bar\">模块配置</div>\r\n <div class=\"mobile-config\" v-if=\"rCom.length\">\r\n <div v-for=\"(item, key) in rCom\" :key=\"key\">\r\n <component\r\n :is=\"item.components.name\"\r\n :moduleName=\"name.name\"\r\n :name=\"item.configNme\"\r\n :configData=\"configData\"\r\n :configNum=\"configNum\"\r\n ></component>\r\n </div>\r\n <div style=\"text-align: center\" v-if=\"rCom.length\">\r\n <Button type=\"primary\" style=\"width: 100%; margin: 0 auto; height: 40px\" @click=\"saveConfig\">保存</Button>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCategory, getByCategory, getProduct, diySave, storeStatus } from '@/api/diy';\r\nimport toolCom from '@/components/diyComponents/index.js';\r\nimport { mapMutations } from 'vuex';\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n name: 'rightConfig',\r\n components: {\r\n ...toolCom,\r\n },\r\n props: {\r\n name: {\r\n type: Object,\r\n default: {},\r\n },\r\n pageId: {\r\n type: Number,\r\n default: 0,\r\n },\r\n configNum: {\r\n type: Number | String,\r\n default: 'default',\r\n },\r\n },\r\n computed: {\r\n // ...mapState({\r\n // defultArr:(state)=>state.goodSelect.component,\r\n // })\r\n defultArr() {\r\n return this.$store.state.moren.component;\r\n },\r\n },\r\n watch: {\r\n name: {\r\n handler(nVal, oVal) {\r\n this.rCom = [];\r\n this.configData = this.$store.state.moren.defaultConfig[nVal.name];\r\n if (!this.configData.hasOwnProperty(this.configNum)) {\r\n let defaultObj = JSON.parse(JSON.stringify(this.configData.defaultVal));\r\n this.configData[nVal.num] = defaultObj;\r\n this.$store.commit('moren/upDataName', this.configData);\r\n }\r\n let that = this;\r\n setTimeout(function () {\r\n that.rCom = that.$store.state.moren.component[nVal.name].list;\r\n }, 30);\r\n if (this.configData[nVal.num].selectConfig) {\r\n let type = this.configData[nVal.num].selectConfig.type ? this.configData[nVal.num].selectConfig.type : 0;\r\n if (type) {\r\n this.getByCategory();\r\n } else {\r\n this.getCategory();\r\n }\r\n }\r\n },\r\n deep: true,\r\n },\r\n defultArr: {\r\n handler(nVal, oVal) {\r\n this.rCom = [];\r\n let tempArr = this.objToArray(nVal);\r\n this.rCom = nVal[this.name.name].list;\r\n },\r\n deep: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n rCom: [],\r\n configData: {},\r\n isShow: true,\r\n categoryList: [],\r\n status: 0,\r\n };\r\n },\r\n mounted() {\r\n this.storeStatus();\r\n },\r\n methods: {\r\n storeStatus() {\r\n storeStatus().then((res) => {\r\n this.status = parseInt(res.data.store_status);\r\n });\r\n },\r\n getCategory() {\r\n getCategory().then((res) => {\r\n let data = [];\r\n res.data.map((item) => {\r\n data.push({\r\n title: item.title,\r\n pid: item.pid,\r\n activeValue: item.id.toString(),\r\n });\r\n });\r\n this.configData[this.name.num].selectConfig.list = data;\r\n this.bus.$emit('upData', data);\r\n });\r\n },\r\n //获取二级分类\r\n getByCategory() {\r\n getByCategory().then((res) => {\r\n let data = [];\r\n res.data.map((item) => {\r\n data.push({\r\n title: item.cate_name,\r\n pid: item.pid,\r\n activeValue: item.id.toString(),\r\n });\r\n });\r\n this.configData[this.name.num].selectConfig.list = data;\r\n this.bus.$emit('upData', data);\r\n });\r\n },\r\n // 保存数据\r\n saveConfig() {\r\n let data = this.$store.state.moren.defaultConfig;\r\n if (this.name.name == 'tabBar') {\r\n if (!this.status) {\r\n let list = data.tabBar.default.tabBarList.list;\r\n for (let i = 0; i < list.length; i++) {\r\n if (list[i].link == '/pages/storeList/index' || list[i].link == 'pages/storeList/index') {\r\n return this.$Message.error('请先开启您的周边功能(/pages/storeList/index)');\r\n }\r\n }\r\n }\r\n if (data.tabBar.default.tabBarList.list.length < 2) {\r\n return this.$Message.error('您最少应添加2个导航');\r\n }\r\n }\r\n\r\n diySave(this.pageId, {\r\n value: data,\r\n }).then((res) => {\r\n this.$Message.success('保存成功');\r\n });\r\n },\r\n // 对象转数组\r\n objToArray(array) {\r\n var arr = [];\r\n for (var i in array) {\r\n arr.push(array[i]);\r\n }\r\n return arr;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.right-box {\r\n width: 700px;\r\n margin-left: 50px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n height: 700px;\r\n overflow-y: scroll;\r\n\r\n &::-webkit-scrollbar {\r\n /* 滚动条整体样式 */\r\n width: 4px; /* 高宽分别对应横竖滚动条的尺寸 */\r\n height: 1px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n /* 滚动条里面小方块 */\r\n border-radius: 4px;\r\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\r\n background: #535353;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n /* 滚动条里面轨道 */\r\n box-shadow: inset 0 0 5px #fff;\r\n border-radius: 4px;\r\n background: #fff;\r\n }\r\n}\r\n\r\n.title-bar {\r\n width: 100%;\r\n height: 38px;\r\n line-height: 38px;\r\n padding-left: 24px;\r\n color: #333;\r\n border-radius: 4px;\r\n border-bottom: 1px solid #eee;\r\n}\r\n</style>\r\n"]}]}