From 15aa258c991f2f6bd6fc859f691150568a99d333 Mon Sep 17 00:00:00 2001 From: zq <136432190602163.com> Date: Tue, 8 Jul 2025 18:38:38 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E9=A1=B5=E6=A8=A1=E6=9D=BF=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/site/tem-active.svg | 2 +- src/main.js | 1 + src/router/index.js | 32 +- src/style/theme/common.scss | 2 +- src/style/theme/index.css | 2271 +++++-------------------------- src/views/agent/sitePersonalization.vue | 3 +- src/views/agent/siteTemplate.vue | 165 +-- 7 files changed, 462 insertions(+), 2014 deletions(-) diff --git a/src/assets/site/tem-active.svg b/src/assets/site/tem-active.svg index 7d30015..74b9dc3 100644 --- a/src/assets/site/tem-active.svg +++ b/src/assets/site/tem-active.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 27f6d1d..d929565 100755 --- a/src/main.js +++ b/src/main.js @@ -23,6 +23,7 @@ Vue.prototype.$loadingFn = LoadingService; Vue.config.productionTip = false; // 请求 Vue.prototype.$http = request; +Vue.prototype.$token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU', Vue.use(ElementUI); Vue.use(GuipMessage) Vue.use(clipboard); diff --git a/src/router/index.js b/src/router/index.js index 066872d..8ec950b 100755 --- a/src/router/index.js +++ b/src/router/index.js @@ -117,7 +117,7 @@ const routes = [{ name: '站点基本设置', component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteBaseSetting.vue'), meta: { - title: '站点设置', + // title: '站点设置', breadcrumbParent: '站点列表' // 手动指定父级 // 如果想隐藏中间层级 // breadcrumbParent: '首页', // 跳过医生信息 @@ -129,7 +129,7 @@ const routes = [{ name: '移动端设置', component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteMobileSetting.vue'), meta: { - title: '站点设置', + // title: '站点设置', breadcrumbParent: '站点列表' // 手动指定父级 // 如果想隐藏中间层级 // breadcrumbParent: '首页', // 跳过医生信息 @@ -141,7 +141,7 @@ const routes = [{ name: '营销推广', component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteSemSetting.vue'), meta: { - title: '站点设置', + // title: '站点设置', breadcrumbParent: '站点列表' // 手动指定父级 } }, @@ -150,18 +150,18 @@ const routes = [{ name: '个性化设置', component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/sitePersonalization.vue'), meta: { - title: '站点设置', + // title: '站点设置', breadcrumbParent: '站点列表' // 手动指定父级 } }, { path: '/agent/siteTemplate', - name: '个性化设置', + name: '网页模板', component: () => import( /* webpackChunkName: "siteList" */ '../views/agent/siteTemplate.vue'), - // meta: { - // title: '站点设置', - // breadcrumbParent: '站点列表' // 手动指定父级 - // } + meta: { + title: '网页模板', + breadcrumbParent: '个性化设置' // 手动指定父级 + } }, { path: '/agent/payList', @@ -266,11 +266,15 @@ const routes = [{ // }, // ] // }, - { - path: '/pageTemplete', - name: '网页模板', - component: () => import( /* webpackChunkName: "pageTemplete" */ '../views/PageTemplete.vue') - }, + // { + // path: '/pageTemplete', + // name: '网页模板', + // component: () => import( /* webpackChunkName: "pageTemplete" */ '../views/PageTemplete.vue'), + // meta: { + // title: '网页模板', + // breadcrumbParent: '站点设置' // 手动指定父级 + // } + // }, // -----------------分隔符----------- diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss index 959fb4b..6b238f1 100644 --- a/src/style/theme/common.scss +++ b/src/style/theme/common.scss @@ -647,7 +647,7 @@ body { // textarea start .el-textarea__inner { - padding: 10px 12px; + padding: 10px 12px 30px; border-radius: 2px; height: 100% !important; } diff --git a/src/style/theme/index.css b/src/style/theme/index.css index ab5bc45..9d679d4 100644 --- a/src/style/theme/index.css +++ b/src/style/theme/index.css @@ -2807,163 +2807,6 @@ border-color:#006AFF !important; } } -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} - -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px -} - -.el-input::-webkit-scrollbar:horizontal { - height: 6px -} - -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc -} - -.el-input::-webkit-scrollbar-corner { - background: #fff -} - -.el-input::-webkit-scrollbar-track { - background: #fff -} - -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px -} - -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-input .el-input__clear:hover { - color: #1e2226 -} - -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px -} - -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px -} - .el-scrollbar { overflow: hidden; position: relative @@ -4623,392 +4466,76 @@ border-color:#006AFF !important; opacity: 0 } -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px +.el-input-number .el-input__inner { + -webkit-appearance: none; + padding-left: 50px; + padding-right: 50px; + text-align: center } -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; +.el-input-number__decrease, +.el-input-number__increase { + position: absolute; + z-index: 1; + top: 1px; + width: 40px; + height: auto; + text-align: center; + background: #f5f7fa; color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 + cursor: pointer; + font-size: 13px } -.el-textarea__inner::-moz-placeholder { - color: #babdc2 +.el-input-number__decrease:hover, +.el-input-number__increase:hover { + color: #006aff } -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), +.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) { + border-color: #006aff } -.el-textarea__inner::placeholder { - color: #babdc2 +.el-input-number__decrease.is-disabled, +.el-input-number__increase.is-disabled { + color: #babdc2; + cursor: not-allowed } -.el-textarea__inner:hover { - border-color: #babdc2 +.el-input-number__increase { + right: 1px; + border-radius: 0 4px 4px 0; + border-left: 1px solid #dfe2e6 } -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff +.el-input-number__decrease { + left: 1px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #dfe2e6 } -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px +.el-input-number.is-disabled .el-input-number__decrease, +.el-input-number.is-disabled .el-input-number__increase { + border-color: #e4e7ed; + color: #e4e7ed } -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; +.el-input-number.is-disabled .el-input-number__decrease:hover, +.el-input-number.is-disabled .el-input-number__increase:hover { + color: #e4e7ed; cursor: not-allowed } -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 +.el-input-number--medium { + width: 200px; + line-height: 34px } -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} - -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px -} - -.el-input::-webkit-scrollbar:horizontal { - height: 6px -} - -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc -} - -.el-input::-webkit-scrollbar-corner { - background: #fff -} - -.el-input::-webkit-scrollbar-track { - background: #fff -} - -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px -} - -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-input .el-input__clear:hover { - color: #1e2226 -} - -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px -} - -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px -} - - -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} - -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px -} - -.el-input::-webkit-scrollbar:horizontal { - height: 6px -} - -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc -} - -.el-input::-webkit-scrollbar-corner { - background: #fff -} - -.el-input::-webkit-scrollbar-track { - background: #fff -} - -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px -} - -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-input .el-input__clear:hover { - color: #1e2226 -} - -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px -} - -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px -} - - -.el-input-number .el-input__inner { - -webkit-appearance: none; - padding-left: 50px; - padding-right: 50px; - text-align: center -} - -.el-input-number__decrease, -.el-input-number__increase { - position: absolute; - z-index: 1; - top: 1px; - width: 40px; - height: auto; - text-align: center; - background: #f5f7fa; - color: #606266; - cursor: pointer; - font-size: 13px -} - -.el-input-number__decrease:hover, -.el-input-number__increase:hover { - color: #006aff -} - -.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), -.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) { - border-color: #006aff -} - -.el-input-number__decrease.is-disabled, -.el-input-number__increase.is-disabled { - color: #babdc2; - cursor: not-allowed -} - -.el-input-number__increase { - right: 1px; - border-radius: 0 4px 4px 0; - border-left: 1px solid #dfe2e6 -} - -.el-input-number__decrease { - left: 1px; - border-radius: 4px 0 0 4px; - border-right: 1px solid #dfe2e6 -} - -.el-input-number.is-disabled .el-input-number__decrease, -.el-input-number.is-disabled .el-input-number__increase { - border-color: #e4e7ed; - color: #e4e7ed -} - -.el-input-number.is-disabled .el-input-number__decrease:hover, -.el-input-number.is-disabled .el-input-number__increase:hover { - color: #e4e7ed; - cursor: not-allowed -} - -.el-input-number--medium { - width: 200px; - line-height: 34px -} - -.el-input-number--medium .el-input-number__decrease, -.el-input-number--medium .el-input-number__increase { - width: 36px; - font-size: 14px +.el-input-number--medium .el-input-number__decrease, +.el-input-number--medium .el-input-number__increase { + width: 36px; + font-size: 14px } .el-input-number--medium .el-input__inner { @@ -6033,229 +5560,73 @@ border-color:#006AFF !important; right: 1px; bottom: -6px; margin-left: -6px; - border-right-width: 0; - border-left-color: #fff -} - -.el-select-dropdown { - position: absolute; - z-index: 1001; - border: solid 1px #e4e7ed; - border-radius: 4px; - background-color: #fff; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 5px 0 -} - -.el-select-dropdown.is-multiple .el-select-dropdown__item { - padding-right: 40px -} - -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { - color: #006aff; - background-color: #fff -} - -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { - background-color: #f5f7fa -} - -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { - position: absolute; - right: 20px; - font-family: element-icons; - content: "\e6da"; - font-size: 12px; - font-weight: 700; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale -} - -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { - padding: 0 -} - -.el-select-dropdown__empty { - padding: 10px 0; - margin: 0; - text-align: center; - color: #999; - font-size: 14px -} - -.el-select-dropdown__wrap { - max-height: 274px -} - -.el-select-dropdown__list { - list-style: none; - padding: 6px 0; - margin: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box -} - -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} - -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px + border-right-width: 0; + border-left-color: #fff } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: solid 1px #e4e7ed; + border-radius: 4px; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 5px 0 } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-select-dropdown.is-multiple .el-select-dropdown__item { + padding-right: 40px } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #006aff; + background-color: #fff } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: #f5f7fa } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 20px; + font-family: element-icons; + content: "\e6da"; + font-size: 12px; + font-weight: 700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0 } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px } -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px +.el-select-dropdown__wrap { + max-height: 274px } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box } + .el-tag { background-color: #e6f0ff; border-color: #cce1ff; @@ -10259,235 +9630,77 @@ border-color:#006AFF !important; box-sizing: content-box } -.el-time-panel__content { - font-size: 0; - position: relative; - overflow: hidden -} - -.el-time-panel__content::after, -.el-time-panel__content::before { - content: ""; - top: 50%; - position: absolute; - margin-top: -15px; - height: 32px; - z-index: -1; - left: 0; - right: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-top: 6px; - text-align: left; - border-top: 1px solid #e4e7ed; - border-bottom: 1px solid #e4e7ed -} - -.el-time-panel__content::after { - left: 50%; - margin-left: 12%; - margin-right: 12% -} - -.el-time-panel__content::before { - padding-left: 50%; - margin-right: 12%; - margin-left: 12% -} - -.el-time-panel__content.has-seconds::after { - left: calc(100% / 3 * 2) -} - -.el-time-panel__content.has-seconds::before { - padding-left: calc(100% / 3) -} - -.el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box -} - -.el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: 0; - font-size: 12px; - color: #1e2226 -} - -.el-time-panel__btn.confirm { - font-weight: 800; - color: #006aff -} - -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} - -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px -} - -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-time-panel__content::after, +.el-time-panel__content::before { + content: ""; + top: 50%; + position: absolute; + margin-top: -15px; + height: 32px; + z-index: -1; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + text-align: left; + border-top: 1px solid #e4e7ed; + border-bottom: 1px solid #e4e7ed } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-time-panel__content::after { + left: 50%; + margin-left: 12%; + margin-right: 12% } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12% } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2) } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3) } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box } -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; + color: #1e2226 } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-time-panel__btn.confirm { + font-weight: 800; + color: #006aff } - .el-scrollbar { overflow: hidden; position: relative @@ -12030,244 +11243,88 @@ border-color:#006AFF !important; padding-top: 6px; text-align: left; border-top: 1px solid #e4e7ed; - border-bottom: 1px solid #e4e7ed -} - -.el-time-panel__content::after { - left: 50%; - margin-left: 12%; - margin-right: 12% -} - -.el-time-panel__content::before { - padding-left: 50%; - margin-right: 12%; - margin-left: 12% -} - -.el-time-panel__content.has-seconds::after { - left: calc(100% / 3 * 2) -} - -.el-time-panel__content.has-seconds::before { - padding-left: calc(100% / 3) -} - -.el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box -} - -.el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: 0; - font-size: 12px; - color: #1e2226 -} - -.el-time-panel__btn.confirm { - font-weight: 800; - color: #006aff -} - -.el-time-range-picker { - width: 354px; - overflow: visible -} - -.el-time-range-picker__content { - position: relative; - text-align: center; - padding: 10px -} - -.el-time-range-picker__cell { - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0; - padding: 4px 7px 7px; - width: 50%; - display: inline-block -} - -.el-time-range-picker__header { - margin-bottom: 5px; - text-align: center; - font-size: 14px -} - -.el-time-range-picker__body { - border-radius: 2px; - border: 1px solid #e4e7ed -} - -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f + border-bottom: 1px solid #e4e7ed } -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f +.el-time-panel__content::after { + left: 50%; + margin-left: 12%; + margin-right: 12% } -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12% } -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2) } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3) } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; + color: #1e2226 } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-time-panel__btn.confirm { + font-weight: 800; + color: #006aff } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-time-range-picker { + width: 354px; + overflow: visible } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-time-range-picker__content { + position: relative; + text-align: center; + padding: 10px } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-time-range-picker__cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 4px 7px 7px; + width: 50%; + display: inline-block } -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px +.el-time-range-picker__header { + margin-bottom: 5px; + text-align: center; + font-size: 14px } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-time-range-picker__body { + border-radius: 2px; + border: 1px solid #e4e7ed } + .el-scrollbar { overflow: hidden; position: relative @@ -12673,248 +11730,91 @@ border-color:#006AFF !important; .el-tooltip__popper[x-placement^=left] .popper__arrow::after { right: 1px; bottom: -5px; - margin-left: -5px; - border-right-width: 0; - border-left-color: #1e2226 -} - -.el-tooltip__popper.is-dark { - background: #1e2226; - color: #fff -} - -.el-tooltip__popper.is-light { - background: #fff; - border: 1px solid #1e2226 -} - -.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow { - border-top-color: #1e2226 -} - -.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after { - border-top-color: #fff -} - -.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow { - border-bottom-color: #1e2226 -} - -.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after { - border-bottom-color: #fff -} - -.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow { - border-left-color: #1e2226 -} - -.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after { - border-left-color: #fff -} - -.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow { - border-right-color: #1e2226 -} - -.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after { - border-right-color: #fff -} - -.v-modal-enter { - -webkit-animation: v-modal-in .2s ease; - animation: v-modal-in .2s ease -} - -.v-modal-leave { - -webkit-animation: v-modal-out .2s ease forwards; - animation: v-modal-out .2s ease forwards -} - -@keyframes v-modal-in { - 0% { - opacity: 0 - } -} - -@keyframes v-modal-out { - 100% { - opacity: 0 - } -} - -.v-modal { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: .5; - background: #000 -} - -.el-popup-parent--hidden { - overflow: hidden -} - - - -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 + margin-left: -5px; + border-right-width: 0; + border-left-color: #1e2226 } -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 +.el-tooltip__popper.is-dark { + background: #1e2226; + color: #fff } -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-tooltip__popper.is-light { + background: #fff; + border: 1px solid #1e2226 } -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 +.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow { + border-top-color: #1e2226 } -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f +.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after { + border-top-color: #fff } -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f +.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow { + border-bottom-color: #1e2226 } -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% +.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after { + border-bottom-color: #fff } -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px +.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow { + border-left-color: #1e2226 } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after { + border-left-color: #fff } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow { + border-right-color: #1e2226 } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after { + border-right-color: #fff } -.el-input::-webkit-scrollbar-track { - background: #fff +.v-modal-enter { + -webkit-animation: v-modal-in .2s ease; + animation: v-modal-in .2s ease } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.v-modal-leave { + -webkit-animation: v-modal-out .2s ease forwards; + animation: v-modal-out .2s ease forwards } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +@keyframes v-modal-in { + 0% { + opacity: 0 + } } -.el-input .el-input__clear:hover { - color: #1e2226 +@keyframes v-modal-out { + 100% { + opacity: 0 + } } -.el-input .el-input__count { +.v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px + opacity: .5; + background: #000 } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-popup-parent--hidden { + overflow: hidden } + + .el-input__inner { -webkit-appearance: none; background-color: #fff; @@ -15668,229 +14568,72 @@ border-color:#006AFF !important; .el-notification__title { font-weight: 700; - font-size: 16px; - color: #1e2226; - margin: 0 -} - -.el-notification__content { - font-size: 14px; - line-height: 21px; - margin: 6px 0 0 0; - color: #606266; - text-align: justify -} - -.el-notification__content p { - margin: 0 -} - -.el-notification__icon { - height: 24px; - width: 24px; - font-size: 24px -} - -.el-notification__closeBtn { - position: absolute; - top: 18px; - right: 15px; - cursor: pointer; - color: #1e2226; - font-size: 16px -} - -.el-notification__closeBtn:hover { - color: #606266 -} - -.el-notification .el-icon-success { - color: #0daf49 -} - -.el-notification .el-icon-error { - color: #ff4d4f -} - -.el-notification .el-icon-info { - color: #909399 -} - -.el-notification .el-icon-warning { - color: #f08614 -} - -.el-notification-fade-enter.right { - right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%) -} - -.el-notification-fade-enter.left { - left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%) -} - -.el-notification-fade-leave-active { - opacity: 0 -} - -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f + font-size: 16px; + color: #1e2226; + margin: 0 } -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f +.el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 6px 0 0 0; + color: #606266; + text-align: justify } -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% +.el-notification__content p { + margin: 0 } -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px +.el-notification__icon { + height: 24px; + width: 24px; + font-size: 24px } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-notification__closeBtn { + position: absolute; + top: 18px; + right: 15px; + cursor: pointer; + color: #1e2226; + font-size: 16px } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-notification__closeBtn:hover { + color: #606266 } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-notification .el-icon-success { + color: #0daf49 } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-notification .el-icon-error { + color: #ff4d4f } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-notification .el-icon-info { + color: #909399 } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-notification .el-icon-warning { + color: #f08614 } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-notification-fade-enter.right { + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%) } -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px +.el-notification-fade-enter.left { + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%) } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-notification-fade-leave-active { + opacity: 0 } .el-input__inner { @@ -21767,238 +20510,81 @@ border-color:#006AFF !important; transform: translateY(-30px) } -.el-opacity-transition { - -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1); - transition: opacity .3s cubic-bezier(.55, 0, .1, 1) -} - -.el-collapse { - border-top: 1px solid #ebeef5; - border-bottom: 1px solid #ebeef5 -} - -.el-collapse-item.is-disabled .el-collapse-item__header { - color: #bbb; - cursor: not-allowed -} - -.el-collapse-item__header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 48px; - line-height: 48px; - background-color: #fff; - color: #1e2226; - cursor: pointer; - border-bottom: 1px solid #ebeef5; - font-size: 13px; - font-weight: 500; - -webkit-transition: border-bottom-color .3s; - transition: border-bottom-color .3s; - outline: 0 -} - -.el-collapse-item__arrow { - margin: 0 8px 0 auto; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-weight: 300 -} - -.el-collapse-item__arrow.is-active { - -webkit-transform: rotate(90deg); - transform: rotate(90deg) -} - -.el-collapse-item__header.focusing:focus:not(:hover) { - color: #006aff -} - -.el-collapse-item__header.is-active { - border-bottom-color: transparent -} - -.el-collapse-item__wrap { - will-change: height; - background-color: #fff; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid #ebeef5 -} - -.el-collapse-item__content { - padding-bottom: 25px; - font-size: 13px; - color: #1e2226; - line-height: 1.769230769230769 -} - -.el-collapse-item:last-child { - margin-bottom: -1px -} - -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% +.el-opacity-transition { + -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1); + transition: opacity .3s cubic-bezier(.55, 0, .1, 1) } -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px +.el-collapse { + border-top: 1px solid #ebeef5; + border-bottom: 1px solid #ebeef5 } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-collapse-item.is-disabled .el-collapse-item__header { + color: #bbb; + cursor: not-allowed } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-collapse-item__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + line-height: 48px; + background-color: #fff; + color: #1e2226; + cursor: pointer; + border-bottom: 1px solid #ebeef5; + font-size: 13px; + font-weight: 500; + -webkit-transition: border-bottom-color .3s; + transition: border-bottom-color .3s; + outline: 0 } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + -webkit-transition: -webkit-transform .3s; + transition: -webkit-transform .3s; + transition: transform .3s; + transition: transform .3s, -webkit-transform .3s; + font-weight: 300 } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-collapse-item__arrow.is-active { + -webkit-transform: rotate(90deg); + transform: rotate(90deg) } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-collapse-item__header.focusing:focus:not(:hover) { + color: #006aff } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-collapse-item__header.is-active { + border-bottom-color: transparent } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-collapse-item__wrap { + will-change: height; + background-color: #fff; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ebeef5 } -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px +.el-collapse-item__content { + padding-bottom: 25px; + font-size: 13px; + color: #1e2226; + line-height: 1.769230769230769 } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-collapse-item:last-child { + margin-bottom: -1px } .el-input__inner { @@ -24120,163 +22706,6 @@ border-color:#006AFF !important; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px -} - -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} - -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px -} - -.el-input::-webkit-scrollbar:horizontal { - height: 6px -} - -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc -} - -.el-input::-webkit-scrollbar-corner { - background: #fff -} - -.el-input::-webkit-scrollbar-track { - background: #fff -} - -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px -} - -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-input .el-input__clear:hover { - color: #1e2226 -} - -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px -} - -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px -} - .el-input__inner { -webkit-appearance: none; background-color: #fff; diff --git a/src/views/agent/sitePersonalization.vue b/src/views/agent/sitePersonalization.vue index 4443d28..19f7695 100644 --- a/src/views/agent/sitePersonalization.vue +++ b/src/views/agent/sitePersonalization.vue @@ -400,7 +400,8 @@ export default { window.open('http://'+this.siteInfo.domain, '_blank'); }, changeTpl() { - window.open('/agent/siteTemplate', '_blank'); + this.$router.push(`/agent/siteTemplate?uid=${this.$route.query.uid}`) + // window.open('/agent/siteTemplate', '_blank'); }, onSwitchChange(data) { console.log(data, '---'); diff --git a/src/views/agent/siteTemplate.vue b/src/views/agent/siteTemplate.vue index e3681ea..7b54885 100644 --- a/src/views/agent/siteTemplate.vue +++ b/src/views/agent/siteTemplate.vue @@ -3,38 +3,15 @@
{{ item.list }}
-{{ item.list }}
-{{ item.list }}
-{{ item.name }}