fcb2e78e7d029e4a3d98dce28c2f5a75.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=style&index=0&id=0d6143bc&lang=scss&scoped=true","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\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:DQouc2F2ZSB7DQogIHdpZHRoOiAxMDAlOw0KICBtYXJnaW46IDAgYXV0bzsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICBib3R0b206IDA7DQogIHBhZGRpbmc6IDE2cHg7DQogIGJvcmRlci10b3A6IDNweCBzb2xpZCAjZjVmN2Y5Ow0KfQ0KLmZvcm0gew0KICAuZ29vZHNUaXRsZSB7DQogICAgbWFyZ2luLWJvdHRvbTogMjVweDsNCiAgfQ0KICAuZ29vZHNUaXRsZSB+IC5nb29kc1RpdGxlIHsNCiAgICBtYXJnaW4tdG9wOiAyMHB4Ow0KICB9DQogIC5nb29kc1RpdGxlIC50aXRsZSB7DQogICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgcGFkZGluZzogMCA4cHggMTJweCA1cHg7DQogICAgY29sb3I6ICMwMDA7DQogICAgZm9udC1zaXplOiAxNHB4Ow0KICB9DQogIC5nb29kc1RpdGxlIC5pY29ucyB7DQogICAgZm9udC1zaXplOiAxNXB4Ow0KICAgIG1hcmdpbi1yaWdodDogOHB4Ow0KICAgIGNvbG9yOiAjOTk5Ow0KICB9DQogIC5hZGQgew0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICBwYWRkaW5nOiAwIDEycHg7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQogIC5yYWRpbyB7DQogICAgbWFyZ2luLXJpZ2h0OiAyMHB4Ow0KICB9DQogIC51cExvYWQgew0KICAgIHdpZHRoOiA1OHB4Ow0KICAgIGhlaWdodDogNThweDsNCiAgICBsaW5lLWhlaWdodDogNThweDsNCiAgICBib3JkZXI6IDFweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjEpOw0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDIpOw0KICB9DQogIC5pY29uZm9udCB7DQogICAgY29sb3I6ICM4OTg5ODk7DQogIH0NCiAgLnBpY3RydWUgew0KICAgIHdpZHRoOiA2MHB4Ow0KICAgIGhlaWdodDogNjBweDsNCiAgICBib3JkZXI6IDFweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjEpOw0KICAgIG1hcmdpbi1yaWdodDogMTBweDsNCiAgfQ0KICAucGljdHJ1ZSBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KfQ0KLmFncmVlbWVudC1ib3ggew0KICB3aWR0aDogMzEwcHg7DQogIGhlaWdodDogNTUwcHg7DQogIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMCk7DQogIGJvcmRlcjogMXB4IHNvbGlkICNlZWVlZWU7DQogIG9wYWNpdHk6IDE7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgLnRlbXBsYXRlIHsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIHRvcDogMDsNCiAgICBsZWZ0OiAwOw0KICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogICAgYmFja2dyb3VuZC1jb2xvcjogIzgxN2U4MTsNCiAgfQ0KICAuaHRtbHNfYm94IHsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgd2lkdGg6IDI1OXB4Ow0KICAgIGhlaWdodDogNDMwcHg7DQogICAgYm9yZGVyLXJhZGl1czogMTBweDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICB0b3A6IDU4cHg7DQogICAgbGVmdDogMjZweDsNCiAgICAuaHRtbHNfdG9wIHsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIHRvcDogOHB4Ow0KICAgICAgbGVmdDogMDsNCiAgICAgIGhlaWdodDogMzRweDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgbGluZS1oZWlnaHQ6IDM1cHg7DQogICAgICBmb250LXdlaWdodDogNjAwOw0KICAgICAgZm9udC1zaXplOiAyMHB4Ow0KICAgIH0NCiAgICAuaHRtbHNfZm9udCB7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICBib3R0b206IDA7DQogICAgICBsZWZ0OiAwOw0KICAgICAgcGFkZGluZzogMTVweCAxNXB4Ow0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgd2lkdGg6IDEwMCU7DQoNCiAgICAgIGRpdiB7DQogICAgICAgIGhlaWdodDogMzVweDsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDM1cHg7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDIwcHg7DQogICAgICB9DQogICAgICAub2sgew0KICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjMzMzE2Ow0KICAgICAgICBjb2xvcjogI2ZmZmZmZjsNCiAgICAgIH0NCiAgICB9DQogICAgLmh0bWxzIHsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogICAgICB0b3A6IDUwcHg7DQogICAgICBsZWZ0OiAwOw0KICAgICAgd2lkdGg6IDI1OXB4Ow0KICAgICAgaGVpZ2h0OiAyODFweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgIG92ZXJmbG93OiBhdXRvOw0KICAgICAgcGFkZGluZzogNXB4IDE1cHg7DQogICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkOw0KICAgIH0NCiAgICAuaHRtbHM6Oi13ZWJraXQtc2Nyb2xsYmFyIHsNCiAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgfQ0KICB9DQp9DQouaXRlbSB7DQogIG1hcmdpbi1yaWdodDogMTVweDsNCiAgYm9yZGVyOiAxcHggZGFzaGVkICNkYmRiZGI7DQogIHBhZGRpbmctYm90dG9tOiAxMHB4Ow0KICBwYWRkaW5nLXJpZ2h0OiAxNXB4Ow0KICBwYWRkaW5nLXRvcDogMjBweDsNCn0NCi5zd2lwZXJpbWcgew0KICB3aWR0aDogMzEwcHg7DQogIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDEwcHg7DQogIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAxMHB4Ow0KDQogIGltZyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICB9DQp9DQoudGl0bGUgew0KICBwYWRkaW5nOiAwIDAgMTNweCAwOw0KICBmb250LXdlaWdodDogYm9sZDsNCiAgZm9udC1zaXplOiAxNXB4Ow0KICBib3JkZXItbGVmdDogMnB4IHNvbGlkIHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogIGhlaWdodDogMjNweDsNCiAgcGFkZGluZy1sZWZ0OiAxMHB4Ow0KfQ0KLmNvbnRlbnQgew0KICAucmlnaHQtYm94IHsNCiAgICBtYXJnaW4tbGVmdDogNDBweDsNCiAgfQ0KfQ0KLmJveCB7DQogIGJvcmRlci10b3A6IDNweCBzb2xpZCAjZjVmN2Y5Ow0KICBwYWRkaW5nOiAxMHB4Ow0KICBwYWRkaW5nLXRvcDogMjVweDsNCiAgd2lkdGg6IDEwMCU7DQogIC5zYXZlIHsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgIHdpZHRoOiA3MXB4Ow0KICAgIGhlaWdodDogMzBweDsNCiAgICBtYXJnaW46IDAgYXV0bzsNCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgbGluZS1oZWlnaHQ6IDMwcHg7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQp9DQouaWZyYW1lIHsNCiAgbWFyZ2luLWxlZnQ6IDIwcHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgd2lkdGg6IDMxMHB4Ow0KDQogIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogIGJvcmRlcjogMXB4IHNvbGlkICNlZWVlZWU7DQogIG9wYWNpdHk6IDE7DQogIGJvcmRlci1yYWRpdXM6IDEwcHg7DQp9DQouaWNvbmZvbnQgew0KICBjb2xvcjogI2RkZGRkZDsNCiAgZm9udC1zaXplOiAyOHB4Ow0KfQ0KLmJveC13cmFwcGVyIHsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC13cmFwOiBub3dyYXA7DQogIHBhZGRpbmc6IDIwcHg7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIGJvcmRlci1yYWRpdXM6IDVweDsNCiAgbWFyZ2luOiAyMHB4Ow0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAyOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;;AAEA;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"]}]}