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 }}
-
+
@@ -52,61 +29,42 @@ export default {
data() {
return {
activeName: '1',
+ tpl_id:'',
addImgList: {
'万方': require('@/assets/register/wanfang.png'),
'维普': require('@/assets/register/weipu.svg'),
'学术不端': require('@/assets/register/xueshubuduan.svg'),
},
- templeteList:[
- {
- name:'清新科技蓝',
- type:1,
- tpl_id:'1',
- img:require('@/assets/site/temImg.png')
- },
- {
- name:'清新科技蓝1',
- type:0,
- tpl_id:'11',
- img:require('@/assets/site/temImg.png')
- },
- {
- name:'清新科技蓝2',
- tpl_id:'12',
- type:0,
- img:require('@/assets/site/temImg.png')
- },
- {
- name:'清新科技蓝3',
- tpl_id:'16',
- type:0,
- img:require('@/assets/site/temImg.png')
- },
- {
- name:'清新科技蓝4',
- tpl_id:'13',
- type:1,
- img:require('@/assets/site/temImg.png')
- },
- {
- name:'清新科技蓝5',
- tpl_id:'14',
- type:1,
- img:require('@/assets/site/temImg.png')
- },
- {
- name:'清新科技蓝6',
- type:1,
- tpl_id:'15',
- img:require('@/assets/site/temImg.png')
- },
- ]
+ templeteList:[]
}
},
+ mounted() {
+ this.get_site_tpl_list();
+ },
methods: {
+ // 初始化
+ get_site_tpl_list(){
+ this.$http('POST', '/agentnew/ajax_get_site_tpl_list',{
+ uid:this.$route.query?.uid,
+ }, {
+ headers: {
+ 'Auth': this.$token
+ }
+ }).then(response => {
+ this.$nextTick(() => {
+ this.templeteList = [...response.data]
+ })
+ }).catch(error => {
+ console.error(error, 'error')
+ })
+ },
handleClick() {
- }
+ },
+ chooseTemplate(item){
+ this.tpl_id = item.id;
+ },
+
}
}
@@ -122,4 +80,59 @@ export default {
border-style: solid;
border-color: #DFE2E6;
}
+.templeteImgs{
+ max-width: 100%;
+ justify-content: flex-start;
+ white-space: nowrap;
+ overflow-x: auto;
+ gap: 13px;
+ .templeteImgs-item {
+ position: relative;
+ border-radius: 4px;
+
+ .tem_img{
+ width: 176px;
+ height: 110px;
+ border-radius: 8px;
+ border: 2px solid #E8E9EA;
+ }
+ p{
+ display: inline-block;
+ width: 100%;
+ text-align: center;
+ margin-top: 6px;
+ letter-spacing: 0.08em;
+ color: #626573;
+ }
+ .tem-active{
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 30px;
+ height: 30px;
+ }
+ .look{
+ // display: none;
+ transition: all .3s;
+ position: absolute;
+ right: 0;
+ bottom: 26px;
+ width: 73px;
+ height: 30px;
+ background: rgba(0, 0, 0, 0.61);
+ backdrop-filter: blur(3px);
+ line-height: 18px;
+ line-height: 30px;
+ color: #fff;
+ text-align: center;
+ border-radius: 0 0 4px 0;
+ }
+ &:hover{
+ .look{
+ display: block;
+ transition: all .3s;
+ }
+ }
+ }
+}
\ No newline at end of file