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