199be2d37e94ac4a405bd97fe24e817a.json 18 KB

1
  1. {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\app\\app\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\app\\app\\index.vue","mtime":1761185180071},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgV2FuZ0VkaXRvciBmcm9tICdAL2NvbXBvbmVudHMvd2FuZ0VkaXRvci9pbmRleC52dWUnOw0KaW1wb3J0IFNldHRpbmcgZnJvbSAnQC9zZXR0aW5nJzsNCmltcG9ydCB7IGdldENvbG9yQ2hhbmdlIH0gZnJvbSAnQC9hcGkvZGl5JzsNCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCc7DQppbXBvcnQgew0KICBncm91cERhdGFIZWFkZXJBcGksDQogIGdldEFncmVlbWVudCwNCiAgc2V0QWdyZWVtZW50LA0KfSBmcm9tICdAL2FwaS9zeXN0ZW0nOw0KaW1wb3J0IHVwbG9hZFBpY3R1cmVzIGZyb20gJ0AvY29tcG9uZW50cy91cGxvYWRQaWN0dXJlcyc7DQppbXBvcnQgbGlua2FkZHJlc3MgZnJvbSAnQC9jb21wb25lbnRzL2xpbmthZGRyZXNzJzsNCmltcG9ydCB7IGdldENvb2tpZXMgfSBmcm9tICdAL2xpYnMvdXRpbCc7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2xpc3QnLA0KICBjb21wb25lbnRzOiB7DQogICAgdXBsb2FkUGljdHVyZXMsDQogICAgbGlua2FkZHJlc3MsDQogICAgV2FuZ0VkaXRvciwNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBiZ2NvbG9ycygpIHsNCiAgICAgIHJldHVybiB7DQogICAgICAgICctLWNvbG9yLXRoZW1lJzogdGhpcy5iZ0NvbCwNCiAgICAgIH07DQogICAgfSwNCiAgICBsYWJlbFdpZHRoKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAnODBweCc7DQogICAgfSwNCiAgICBsYWJlbFBvc2l0aW9uKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyAndG9wJyA6ICdyaWdodCc7DQogICAgfSwNCiAgICAuLi5tYXBTdGF0ZSgnYWRtaW4vbGF5b3V0JywgWydtZW51Q29sbGFwc2UnXSksDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGZvcm1WYWxpZGF0ZTogew0KICAgICAgICBjb250ZW50OiAnJywNCiAgICAgIH0sDQogICAgICBydWxlVmFsaWRhdGU6IHt9LA0KICAgICAgbXlDb25maWc6IHsNCiAgICAgICAgYXV0b0hlaWdodEVuYWJsZWQ6IGZhbHNlLCAvLyDnvJbovpHlmajkuI3oh6rliqjooqvlhoXlrrnmkpHpq5gNCiAgICAgICAgaW5pdGlhbEZyYW1lSGVpZ2h0OiA1MDAsIC8vIOWIneWni+WuueWZqOmrmOW6pg0KICAgICAgICBpbml0aWFsRnJhbWVXaWR0aDogJzEwMCUnLCAvLyDliJ3lp4vlrrnlmajlrr3luqYNCiAgICAgICAgVUVESVRPUl9IT01FX1VSTDogJy9VRWRpdG9yLycsDQogICAgICAgIHNlcnZlclVybDogJycsDQogICAgICB9LA0KICAgICAgYTogMSwgLy/liKTmlq3nmoTpmpDnp4HljY/orq4NCiAgICAgIGd1aWRlOiAwLA0KICAgICAgYmdpbWc6IDAsDQogICAgICBjb2x1bW5zMTogW10sDQogICAgICBiZ0NvbDogJycsDQogICAgICBuYW1lOiAnJywNCiAgICAgIGNvbnRlbnQ6ICcnLA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogNywNCiAgICAgICAgbGc6IDcsDQogICAgICAgIG1kOiAxMiwNCiAgICAgICAgc206IDI0LA0KICAgICAgICB4czogMjQsDQogICAgICB9LA0KICAgICAgbG9hZGluZzogZmFsc2UsDQogICAgICBzZ2luTGlzdDogW10sDQogICAgICBwcm9ncmVzczogMCwgLy8g6L+b5bqm5p2h6buY6K6kMA0KICAgICAgdXJsOiAnJywNCiAgICAgIEJhc2VVUkw6IFNldHRpbmcuYXBpQmFzZVVSTC5yZXBsYWNlKC9hZG1pbmFwaS8sICcnKSwNCiAgICAgIHBhZ2VJZDogMCwNCiAgICAgIGdyb3VwQWxsOiBbXSwNCiAgICAgIGFjdGl2ZUluZGV4OiAwLA0KICAgICAgc29ydE5hbWU6IG51bGwsDQogICAgICBhY3RpdmVJbmRleHM6IDAsDQogICAgICBjbXNMaXN0OiBbXSwNCiAgICAgIGxvYWRpbmdFeGlzdDogZmFsc2UsDQogICAgICBmb3JtSXRlbTogew0KICAgICAgICB0aW1lOiAnJywNCiAgICAgICAgdHlwZTogJ3BpYycsDQogICAgICAgIHN0YXR1czogMSwNCiAgICAgICAgdmFsdWU6IFtdLA0KICAgICAgICB2aWRlb19saW5rOiAnJywNCiAgICAgIH0sDQogICAgICBoZWFkZXI6IHt9LA0KICAgICAgdHlwZTogMCwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuY29sb3IoKTsNCiAgICB0aGlzLmEgPSAxOw0KICAgIHRoaXMuZ3VpZGUgPSAwOw0KICAgIHRoaXMuZ2V0QWdyZWVtZW50KCk7DQogIH0sDQogIG1vdW50ZWQoKSB7fSwNCiAgbWV0aG9kczogew0KICAgIGxpbmtVcmwoZSkgew0KICAgICAgdGhpcy50YWJMaXN0Lmxpc3RbdGhpcy5hY3RpdmVJbmRleHNdLmxpbmsgPSBlOw0KICAgIH0sDQogICAgZ2V0RWRpdG9yQ29udGVudChkYXRhKSB7DQogICAgICB0aGlzLmNvbnRlbnQgPSBkYXRhOw0KICAgIH0sDQogICAgY29sb3IoKSB7DQogICAgICBnZXRDb2xvckNoYW5nZSgnY29sb3JfY2hhbmdlJykudGhlbigocmVzKSA9PiB7DQogICAgICAgIHN3aXRjaCAocmVzLmRhdGEuc3RhdHVzKSB7DQogICAgICAgICAgY2FzZSAxOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjMzg3NUVBJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAxOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAyOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjMDBDMDUwJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAyOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAzOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRTkzMzIzJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAzOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA0Og0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRkY0NDhGJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSA0Ow0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA1Og0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRkU1QzJEJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSA1Ow0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgIH0sDQogICAgbGluayhpbmRleCkgew0KICAgICAgdGhpcy5hY3RpdmVJbmRleHMgPSBpbmRleDsNCiAgICAgIHRoaXMuJHJlZnMubGlua2FkZHJlcy5tb2RhbHMgPSB0cnVlOw0KICAgIH0sDQogICAgZ2V0TGlzdEhlYWRlcigpIHsNCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7DQogICAgICBncm91cERhdGFIZWFkZXJBcGkoeyBjb25maWdfbmFtZTogdGhpcy5uYW1lIH0sICdzZXR0aW5nL3NpZ25fZGF0YS9oZWFkZXInKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgbGV0IGRhdGEgPSByZXMuZGF0YTsNCiAgICAgICAgICBsZXQgaGVhZGVyID0gZGF0YS5oZWFkZXI7DQogICAgICAgICAgbGV0IGluZGV4ID0gW107DQogICAgICAgICAgdGhpcy5jb2x1bW5zMSA9IGhlYWRlcjsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGdldENvbnRlbnQodmFsKSB7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5jb250ZW50ID0gdmFsOw0KICAgIH0sDQogICAgLy8g5o+Q5Lqk5pWw5o2uDQogICAgb25zdWJtaXQobmFtZSkgew0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuY29udGVudCA9IHRoaXMuY29udGVudDsNCiAgICAgIHNldEFncmVlbWVudCh0aGlzLmZvcm1WYWxpZGF0ZSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8v6K+m5oOFDQogICAgZ2V0QWdyZWVtZW50KCkgew0KICAgICAgZ2V0QWdyZWVtZW50KCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGxldCBkYXRhID0gcmVzLmRhdGE7DQogICAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUgPSB7DQogICAgICAgICAgICBjb250ZW50OiBkYXRhLmNvbnRlbnQsDQogICAgICAgICAgfTsNCiAgICAgICAgICB0aGlzLmNvbnRlbnQgPSBkYXRhLmNvbnRlbnQ7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"index.vue","sourceRoot":"src/pages/app/app","sourcesContent":["<template>\r\n <div :style=\"bgcolors\">\r\n <div class=\"i-layout-page-header header-title\">\r\n <span class=\"ivu-page-header-title mr20\">{{ $route.meta.title }}</span>\r\n <div style=\"float: right\">\r\n <el-button class=\"bnt\" type=\"primary\" v-db-click @click=\"onsubmit('formValidate')\">保存</el-button>\r\n </div>\r\n </div>\r\n <div class=\"box-wrapper\">\r\n <div class=\"iframe\" :bordered=\"false\">\r\n <div class=\"agreement-box\">\r\n <div class=\"template\"></div>\r\n <div class=\"htmls_box\">\r\n <div class=\"htmls_top\">服务协议与隐私政策</div>\r\n <div class=\"htmls_font\">\r\n <div class=\"ok\">我同意</div>\r\n <div>不同意</div>\r\n </div>\r\n <div class=\"htmls\" v-html=\"content\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div style=\"margin-left: 40px\">\r\n <div class=\"table_box\">\r\n <div>\r\n <div v-bind=\"grid\">\r\n <div class=\"title\">隐私权限页面展示:</div>\r\n </div>\r\n </div>\r\n <div>\r\n <el-form\r\n class=\"form\"\r\n ref=\"formValidate\"\r\n :model=\"formValidate\"\r\n :rules=\"ruleValidate\"\r\n :label-position=\"labelPosition\"\r\n @submit.native.prevent\r\n >\r\n <div class=\"goodsTitle acea-row\"></div>\r\n <el-form-item label=\"\" style=\"margin: 0px\">\r\n <WangEditor\r\n style=\"width: 90%\"\r\n :content=\"formValidate.content\"\r\n @editorContent=\"getEditorContent\"\r\n ></WangEditor>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport WangEditor from '@/components/wangEditor/index.vue';\r\nimport Setting from '@/setting';\r\nimport { getColorChange } from '@/api/diy';\r\nimport { mapState } from 'vuex';\r\nimport {\r\n groupDataHeaderApi,\r\n getAgreement,\r\n setAgreement,\r\n} from '@/api/system';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport linkaddress from '@/components/linkaddress';\r\nimport { getCookies } from '@/libs/util';\r\n\r\nexport default {\r\n name: 'list',\r\n components: {\r\n uploadPictures,\r\n linkaddress,\r\n WangEditor,\r\n },\r\n computed: {\r\n bgcolors() {\r\n return {\r\n '--color-theme': this.bgCol,\r\n };\r\n },\r\n labelWidth() {\r\n return this.isMobile ? undefined : '80px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n ...mapState('admin/layout', ['menuCollapse']),\r\n },\r\n data() {\r\n return {\r\n formValidate: {\r\n content: '',\r\n },\r\n ruleValidate: {},\r\n myConfig: {\r\n autoHeightEnabled: false, // 编辑器不自动被内容撑高\r\n initialFrameHeight: 500, // 初始容器高度\r\n initialFrameWidth: '100%', // 初始容器宽度\r\n UEDITOR_HOME_URL: '/UEditor/',\r\n serverUrl: '',\r\n },\r\n a: 1, //判断的隐私协议\r\n guide: 0,\r\n bgimg: 0,\r\n columns1: [],\r\n bgCol: '',\r\n name: '',\r\n content: '',\r\n grid: {\r\n xl: 7,\r\n lg: 7,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n loading: false,\r\n sginList: [],\r\n progress: 0, // 进度条默认0\r\n url: '',\r\n BaseURL: Setting.apiBaseURL.replace(/adminapi/, ''),\r\n pageId: 0,\r\n groupAll: [],\r\n activeIndex: 0,\r\n sortName: null,\r\n activeIndexs: 0,\r\n cmsList: [],\r\n loadingExist: false,\r\n formItem: {\r\n time: '',\r\n type: 'pic',\r\n status: 1,\r\n value: [],\r\n video_link: '',\r\n },\r\n header: {},\r\n type: 0,\r\n };\r\n },\r\n created() {\r\n this.color();\r\n this.a = 1;\r\n this.guide = 0;\r\n this.getAgreement();\r\n },\r\n mounted() {},\r\n methods: {\r\n linkUrl(e) {\r\n this.tabList.list[this.activeIndexs].link = e;\r\n },\r\n getEditorContent(data) {\r\n this.content = data;\r\n },\r\n color() {\r\n getColorChange('color_change').then((res) => {\r\n switch (res.data.status) {\r\n case 1:\r\n this.bgCol = '#3875EA';\r\n this.bgimg = 1;\r\n break;\r\n case 2:\r\n this.bgCol = '#00C050';\r\n this.bgimg = 2;\r\n break;\r\n case 3:\r\n this.bgCol = '#E93323';\r\n this.bgimg = 3;\r\n break;\r\n case 4:\r\n this.bgCol = '#FF448F';\r\n this.bgimg = 4;\r\n break;\r\n case 5:\r\n this.bgCol = '#FE5C2D';\r\n this.bgimg = 5;\r\n break;\r\n }\r\n });\r\n },\r\n link(index) {\r\n this.activeIndexs = index;\r\n this.$refs.linkaddres.modals = true;\r\n },\r\n getListHeader() {\r\n this.loading = true;\r\n groupDataHeaderApi({ config_name: this.name }, 'setting/sign_data/header')\r\n .then((res) => {\r\n let data = res.data;\r\n let header = data.header;\r\n let index = [];\r\n this.columns1 = header;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n getContent(val) {\r\n this.formValidate.content = val;\r\n },\r\n // 提交数据\r\n onsubmit(name) {\r\n this.formValidate.content = this.content;\r\n setAgreement(this.formValidate)\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n //详情\r\n getAgreement() {\r\n getAgreement()\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.formValidate = {\r\n content: data.content,\r\n };\r\n this.content = data.content;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.save {\r\n width: 100%;\r\n margin: 0 auto;\r\n text-align: center;\r\n background-color: #fff;\r\n bottom: 0;\r\n padding: 16px;\r\n border-top: 3px solid #f5f7f9;\r\n}\r\n.form {\r\n .goodsTitle {\r\n margin-bottom: 25px;\r\n }\r\n .goodsTitle ~ .goodsTitle {\r\n margin-top: 20px;\r\n }\r\n .goodsTitle .title {\r\n border-bottom: 2px solid var(--prev-color-primary);\r\n padding: 0 8px 12px 5px;\r\n color: #000;\r\n font-size: 14px;\r\n }\r\n .goodsTitle .icons {\r\n font-size: 15px;\r\n margin-right: 8px;\r\n color: #999;\r\n }\r\n .add {\r\n font-size: 12px;\r\n color: var(--prev-color-primary);\r\n padding: 0 12px;\r\n cursor: pointer;\r\n }\r\n .radio {\r\n margin-right: 20px;\r\n }\r\n .upLoad {\r\n width: 58px;\r\n height: 58px;\r\n line-height: 58px;\r\n border: 1px dotted rgba(0, 0, 0, 0.1);\r\n border-radius: 4px;\r\n background: rgba(0, 0, 0, 0.02);\r\n }\r\n .iconfont {\r\n color: #898989;\r\n }\r\n .pictrue {\r\n width: 60px;\r\n height: 60px;\r\n border: 1px dotted rgba(0, 0, 0, 0.1);\r\n margin-right: 10px;\r\n }\r\n .pictrue img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n.agreement-box {\r\n width: 310px;\r\n height: 550px;\r\n border-radius: 10px;\r\n background: rgba(0, 0, 0, 0);\r\n border: 1px solid #eeeeee;\r\n opacity: 1;\r\n position: relative;\r\n .template {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n border-radius: 10px;\r\n background-color: #817e81;\r\n }\r\n .htmls_box {\r\n font-size: 12px;\r\n width: 259px;\r\n height: 430px;\r\n border-radius: 10px;\r\n background-color: #fff;\r\n position: absolute;\r\n top: 58px;\r\n left: 26px;\r\n .htmls_top {\r\n position: absolute;\r\n top: 8px;\r\n left: 0;\r\n height: 34px;\r\n text-align: center;\r\n width: 100%;\r\n line-height: 35px;\r\n font-weight: 600;\r\n font-size: 20px;\r\n }\r\n .htmls_font {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n padding: 15px 15px;\r\n text-align: center;\r\n width: 100%;\r\n\r\n div {\r\n height: 35px;\r\n line-height: 35px;\r\n border-radius: 20px;\r\n }\r\n .ok {\r\n background-color: #f33316;\r\n color: #ffffff;\r\n }\r\n }\r\n .htmls {\r\n position: absolute;\r\n background-color: #fff;\r\n top: 50px;\r\n left: 0;\r\n width: 259px;\r\n height: 281px;\r\n border-radius: 4px;\r\n overflow: auto;\r\n padding: 5px 15px;\r\n word-break: break-word;\r\n }\r\n .htmls::-webkit-scrollbar {\r\n display: none;\r\n }\r\n }\r\n}\r\n.item {\r\n margin-right: 15px;\r\n border: 1px dashed #dbdbdb;\r\n padding-bottom: 10px;\r\n padding-right: 15px;\r\n padding-top: 20px;\r\n}\r\n.swiperimg {\r\n width: 310px;\r\n border-top-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n.title {\r\n padding: 0 0 13px 0;\r\n font-weight: bold;\r\n font-size: 15px;\r\n border-left: 2px solid var(--prev-color-primary);\r\n height: 23px;\r\n padding-left: 10px;\r\n}\r\n.content {\r\n .right-box {\r\n margin-left: 40px;\r\n }\r\n}\r\n.box {\r\n border-top: 3px solid #f5f7f9;\r\n padding: 10px;\r\n padding-top: 25px;\r\n width: 100%;\r\n .save {\r\n background-color: var(--prev-color-primary);\r\n color: #ffffff;\r\n width: 71px;\r\n height: 30px;\r\n margin: 0 auto;\r\n text-align: center;\r\n line-height: 30px;\r\n cursor: pointer;\r\n }\r\n}\r\n.iframe {\r\n margin-left: 20px;\r\n position: relative;\r\n width: 310px;\r\n\r\n background: #ffffff;\r\n border: 1px solid #eeeeee;\r\n opacity: 1;\r\n border-radius: 10px;\r\n}\r\n.iconfont {\r\n color: #dddddd;\r\n font-size: 28px;\r\n}\r\n.box-wrapper {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n padding: 20px;\r\n background-color: #fff;\r\n border-radius: 5px;\r\n margin: 20px;\r\n}\r\n</style>\r\n"]}]}