+
{{ pageTitle }}
@@ -9,7 +9,7 @@ import { mapState } from 'vuex';
export default {
// 站点设置
name: '',
- props: [''],
+ props: ['className'],
components: {
// GuipInput,
diff --git a/src/router/index.js b/src/router/index.js
index c1159db..38475af 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -80,6 +80,16 @@ const routes = [{
name: '个性化设置',
component: () => import( /* webpackChunkName: "sitePersonalization" */ '../views/SitePersonalization.vue')
},
+ {
+ path: 'siteH5',
+ name: '移动端设置',
+ component: () => import( /* webpackChunkName: "siteH5" */ '../views/SiteH5.vue')
+ },
+ {
+ path: 'siteSem',
+ name: '营销推广',
+ component: () => import( /* webpackChunkName: "siteSem" */ '../views/SiteSem.vue')
+ },
]
},
]
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index ff80fa8..7378f08 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -13,6 +13,31 @@ body {
padding: 0;
}
}
+.point{
+ cursor: pointer;
+}
+.mt32{
+ margin-top: 32px;
+}
+.mb32{
+ margin-bottom: 32px;
+}
+.hide{
+ display: none !important;
+}
+.column{
+ display: flex;
+ flex-direction: column;
+}
+.mb24{
+ margin-bottom: 24px;
+}
+.mt12{
+ margin-top: 12px;
+}
+.mt10{
+ margin-top: 10px;
+}
.ceshi{
transition: all .5s;
box-sizing: border-box;
@@ -21,6 +46,28 @@ body {
/* 蓝色阴影_常规 */
box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12);
}
+::v-deep .el-radio__original {
+ display: none !important;
+}
+
+::v-deep .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled)
+ .el-radio__inner {
+ box-shadow: none !important;
+}
+
+.addStore {
+ margin-top: 12px;
+ border-radius: 4px;
+ opacity: 1;
+ /* text/text_white_2 */
+ border: 1px dashed #BABDC2;
+ padding: 15px 20px;
+ color: #626573;
+ justify-content: center;
+ img{
+ margin-right: 12px;
+ }
+}
@keyframes fadeInOut {
0% {
opacity: 0;
@@ -36,19 +83,7 @@ body {
.ellipsis{
}
-.hide{
- display: none !important;
-}
-.column{
- display: flex;
- flex-direction: column;
-}
-.mb24{
- margin-bottom: 24px;
-}
-.mt12{
- margin-top: 12px;
-}
+
.el-container {
height: 100%;
@@ -73,6 +108,23 @@ body {
width: 84.75%;
margin: 0 auto;
}
+.min-flex-right {
+ min-width: 1033px;
+ max-width: 1556px;
+ width: 84.75%;
+ margin: 0 auto;
+ .flex-common{
+ .flex-left,
+ .flex-right {
+ min-width: 440px;
+ max-width: 590px;
+ flex: 1;
+ }
+ .flex-line {
+ margin: 0 33px;
+ }
+ }
+}
.desc {
font-size: 12px;
@@ -168,6 +220,13 @@ body {
align-items: center;
justify-content: center;
transition: all .3s;
+ span{
+ display: flex;
+ align-items: center;
+ }
+ img{
+ margin-right: 6px;
+ }
}
.el-button--normal {
@@ -366,6 +425,7 @@ body {
.el-textarea__inner {
padding: 10px 12px;
border-radius: 2px;
+ height: 100%;
}
.el-textarea__inner:hover {
diff --git a/src/views/SiteBaseSetting.vue b/src/views/SiteBaseSetting.vue
index 424f48c..03edc5f 100644
--- a/src/views/SiteBaseSetting.vue
+++ b/src/views/SiteBaseSetting.vue
@@ -1,5 +1,5 @@
-
+
diff --git a/src/views/SiteH5.vue b/src/views/SiteH5.vue
new file mode 100644
index 0000000..a95daef
--- /dev/null
+++ b/src/views/SiteH5.vue
@@ -0,0 +1,8 @@
+
+
站点信息
+
+
\ No newline at end of file
diff --git a/src/views/SitePersonalization.vue b/src/views/SitePersonalization.vue
index e89eab1..1f5a2d0 100644
--- a/src/views/SitePersonalization.vue
+++ b/src/views/SitePersonalization.vue
@@ -1,5 +1,5 @@
-
+
+ 搜索引擎优化（SEO） 通过SEO设置，可以免费获得流量、提高网站在搜索引擎中的排名
+ +
+
@@ -33,32 +33,36 @@
+ {{ textObj[activeName] }}
+
+
-
- 
重新上传
-
-
报告页客服
- 支付账单客服
+
+
+
+
-
+
+
@@ -206,8 +243,12 @@ export default {
},
data() {
return {
- activeName: 'first',
- imageUrl: '',
+ textObj: {
+ '1': '展示在网站右侧悬浮栏的客服，请至少设置1个',
+ '2': '展示在报告页右侧悬浮栏的客服，请至少设置1个',
+ '3': '显示在微信、支付宝账单详情中，方便用户联系'
+ },
+ activeName: '1',
checkList1: ['识别重复辅助信息'],
checkList: ['识别重复正文'],
// 在线客服
@@ -223,7 +264,10 @@ export default {
},
personalForm8: {
checkNum: 0,
- }
+ },
+ imageUrl1:'',
+ imageUrl2:'',
+ imageUrl3:'',
}
},
computed: {
@@ -253,24 +297,42 @@ export default {
},
// 上传图片
handleAvatarSuccess(res, file) {
- this.imageUrl = URL.createObjectURL(file.raw);
+ this.imageUrl1 = URL.createObjectURL(file.raw);
},
beforeAvatarUpload(file) {
- const isJPG = file.type === 'image/jpeg';
+ const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isJPG) {
- this.$message.error('上传头像图片只能是 JPG 格式!');
+ this.$message.error('上传头像图片只能是 JPG 或 PNG 格式!');
}
if (!isLt2M) {
this.$message.error('上传头像图片大小不能超过 2MB!');
}
return isJPG && isLt2M;
+ },
+ handleClick(tab, event) {
+ console.log(tab, event);
}
}
}
\ No newline at end of file
diff --git a/src/views/SiteSetting.vue b/src/views/SiteSetting.vue
index fdec73e..4ad9e58 100644
--- a/src/views/SiteSetting.vue
+++ b/src/views/SiteSetting.vue
@@ -6,7 +6,7 @@
-
网页模板
- 展示在网站右侧悬浮栏的客服，请至少设置1个
旺旺客服
- 重新上传支持 jpg、png 格式，大小不超过 2MB
+QQ客服
+
+
+ 
上传二维码
+
+
上传二维码支持 jpg、png 格式，大小不超过 2MB
+微信客服
-
- ![]()
+
-
+ ![]()
-
-
-
+
- ![]()
重新上传
+ 重新上传
+
@@ -66,10 +70,43 @@
重新上传
+ 支持 jpg、png 格式，大小不超过 2MB
+
+
+
+
+
+
+ 微信客服
+
+ ![]()
+
+
+
+
+
+ 重新上传
+
+
+
+ 重新上传
+ 支持 jpg、png 格式，大小不超过 2MB
+
+
+
+
+
+
+
+
+ 客服微信号
+检测篇数基数
-