From 8cb9e90ae77a5f986385585c6fe9bfc819dd6b88 Mon Sep 17 00:00:00 2001
From: yinxr <2273460044@qq.com>
Date: Mon, 11 Feb 2019 14:57:51 +0800
Subject: [PATCH 01/16] =?UTF-8?q?Signed-off-by:=20yinxr=20=E6=8F=92?=
=?UTF-8?q?=E5=85=A5=E8=B6=85=E9=93=BE=E6=8E=A5=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../WEB-INF/manager/mweixin/menu/index.ftl | 180 +++++++--------
.../WEB-INF/manager/mweixin/message/index.ftl | 208 ++++++++++++------
.../static/mweixin/css/message-reply.css | 51 ++++-
.../webapp/static/mweixin/message-reply.less | 33 +++
4 files changed, 315 insertions(+), 157 deletions(-)
diff --git a/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl b/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
index c93196ec..b1982723 100644
--- a/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
@@ -1,94 +1,102 @@
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/manager/mweixin/message/index.ftl b/src/main/webapp/WEB-INF/manager/mweixin/message/index.ftl
index 40cd9553..c0a3944a 100644
--- a/src/main/webapp/WEB-INF/manager/mweixin/message/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/mweixin/message/index.ftl
@@ -1,70 +1,152 @@
-
-
-
-
-
- 回复内容
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+ 回复内容
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 从素材库选择
+
+
+
+ 新建图片
+
+
+
+
+
+ 从素材库选择
+
+
+
+ 新建图文
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main/webapp/static/mweixin/css/message-reply.css b/src/main/webapp/static/mweixin/css/message-reply.css
index e5a991c9..67b65df7 100644
--- a/src/main/webapp/static/mweixin/css/message-reply.css
+++ b/src/main/webapp/static/mweixin/css/message-reply.css
@@ -50,7 +50,7 @@ input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-weight: initial;
font-size: 12px;
- color: #aaa;
+ color: #999;
resize: none;
}
*::-webkit-scrollbar {
@@ -68,7 +68,7 @@ textarea::-webkit-input-placeholder {
*::-webkit-scrollbar-thumb {
border-radius: 10px;
/*滚动条的圆角*/
- background-color: #ddd;
+ background-color: #e6e6e6;
/*滚动条的背景颜色*/
}
.ms-container {
@@ -104,7 +104,7 @@ textarea::-webkit-input-placeholder {
height: 55px;
box-sizing: border-box;
padding: 10px 10px 25px 10px;
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #e6e6e6;
}
.ms-weixin-dialog .el-dialog__header .el-dialog__title {
font-weight: bold;
@@ -112,7 +112,7 @@ textarea::-webkit-input-placeholder {
color: #333;
}
.ms-weixin-dialog .el-dialog__footer {
- border-top: 1px solid #ddd;
+ border-top: 1px solid #e6e6e6;
padding: 15px !important;
}
.ms-hover {
@@ -125,6 +125,7 @@ textarea::-webkit-input-placeholder {
}
.ms-admin-message-reply .ms-container {
display: flex;
+ height: 256px;
}
.ms-admin-message-reply .ms-container .message-reply-tabs {
padding-left: 12px;
@@ -148,10 +149,11 @@ textarea::-webkit-input-placeholder {
}
.ms-message-reply .message-reply-tabs .el-tabs__header .el-tabs__nav-scroll {
padding: 0 20px;
- border: 1px solid #ddd;
+ border: 1px solid #e6e6e6;
}
.ms-message-reply .message-reply-tabs .el-tabs__content {
- border: 1px solid #ddd;
+ border: 1px solid #e6e6e6;
+ height: calc(100% - 42px);
}
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane {
padding: 0 !important;
@@ -174,7 +176,7 @@ textarea::-webkit-input-placeholder {
bottom: 66px;
font-weight: initial;
font-size: 12px;
- color: #aaa;
+ color: #999;
cursor: pointer;
}
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .el-icon-delete:hover {
@@ -185,7 +187,7 @@ textarea::-webkit-input-placeholder {
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content textarea {
height: 127px !important;
border: none !important;
- border-bottom: 1px solid #ddd !important;
+ border-bottom: 1px solid #e6e6e6 !important;
}
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer {
height: 58px;
@@ -213,3 +215,36 @@ textarea::-webkit-input-placeholder {
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer a:hover {
cursor: pointer;
}
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture,
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article {
+ padding: 20px !important;
+ height: 100%;
+}
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div,
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div {
+ flex: 1;
+ border: 1px dashed #e6e6e6;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div i,
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div i {
+ font-weight: bolder;
+ font-size: 20px;
+ color: #0099ff;
+}
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div span,
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div span {
+ margin-top: 8px;
+ line-height: 1;
+}
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div:hover,
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div:hover {
+ cursor: pointer;
+}
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div:last-child,
+.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div:last-child {
+ margin-left: 20px;
+}
diff --git a/src/main/webapp/static/mweixin/message-reply.less b/src/main/webapp/static/mweixin/message-reply.less
index 2cb3726a..6c0389a3 100644
--- a/src/main/webapp/static/mweixin/message-reply.less
+++ b/src/main/webapp/static/mweixin/message-reply.less
@@ -2,6 +2,7 @@
.ms-admin-message-reply {
.ms-container {
display: flex;
+ height: 256px;
.message-reply-tabs {
padding-left: 12px;
}
@@ -31,10 +32,12 @@
}
.el-tabs__content {
border: 1px solid @borderColor;
+ height: calc(~'100% - 42px');
.el-tab-pane {
padding: 0 !important;
width: 100%;
.ms-flex();
+ // 文字回复
>.el-form {
width: 100%;
.ms-message-reply-content {
@@ -53,6 +56,7 @@
border: none !important;
border-bottom: 1px solid @borderColor !important;
}
+ // 底部插入超链接
.footer {
height: 58px;
padding: 0 14px;
@@ -77,6 +81,35 @@
}
}
}
+ // 图片回复
+ .message-reply-picture,.message-reply-article{
+ padding:20px !important;
+ height: 100%;
+ >div {
+ flex: 1;
+ border: 1px dashed @borderColor;
+ .ms-flex(center);
+ align-items: center;
+ flex-direction: column;
+ i {
+ .ms-font(20px, @themeColor, bolder);
+ }
+ span {
+ margin-top: 8px;
+ line-height: 1;
+ }
+ &:hover {
+ cursor: pointer;
+ }
+ }
+ >div:last-child {
+ margin-left: 20px;
+ }
+ }
+ // 图文回复
+ .message-reply-article{
+
+ }
}
}
}
\ No newline at end of file
From 073a59b5340ab56a99d439f568c7d0b33eba1bd2 Mon Sep 17 00:00:00 2001
From: yinxr <2273460044@qq.com>
Date: Mon, 11 Feb 2019 15:25:12 +0800
Subject: [PATCH 02/16] =?UTF-8?q?Signed-off-by:=20yinxr=20=E6=96=B0?=
=?UTF-8?q?=E5=A2=9E=E8=8F=9C=E5=8D=95=E7=BB=93=E6=9E=84=E5=B8=83=E5=B1=80?=
=?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../WEB-INF/manager/mweixin/menu/index.ftl | 7 +++-
.../webapp/static/mweixin/css/custom-menu.css | 37 +++++++++++--------
.../webapp/static/mweixin/custom-menu.less | 9 ++++-
3 files changed, 35 insertions(+), 18 deletions(-)
diff --git a/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl b/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
index b1982723..00d15251 100644
--- a/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
@@ -37,7 +37,9 @@
菜单名称字数不多于5个汉字或10个字母
@@ -76,6 +78,7 @@
data: {
customMenuForm: {
name: '',
+ link:'',
},
customMenuFormRules: {
name: [{
diff --git a/src/main/webapp/static/mweixin/css/custom-menu.css b/src/main/webapp/static/mweixin/css/custom-menu.css
index 9b8c1151..914cbf04 100644
--- a/src/main/webapp/static/mweixin/css/custom-menu.css
+++ b/src/main/webapp/static/mweixin/css/custom-menu.css
@@ -50,7 +50,7 @@ input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-weight: initial;
font-size: 12px;
- color: #aaa;
+ color: #999;
resize: none;
}
*::-webkit-scrollbar {
@@ -68,13 +68,13 @@ textarea::-webkit-input-placeholder {
*::-webkit-scrollbar-thumb {
border-radius: 10px;
/*滚动条的圆角*/
- background-color: #ddd;
+ background-color: #e6e6e6;
/*滚动条的背景颜色*/
}
.ms-container {
margin: 12px;
height: calc(100% - 24px);
- padding: 14px 14px 0 14px;
+ padding: 14px;
background: #fff;
}
.ms-header {
@@ -104,7 +104,7 @@ textarea::-webkit-input-placeholder {
height: 55px;
box-sizing: border-box;
padding: 10px 10px 25px 10px;
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #e6e6e6;
}
.ms-weixin-dialog .el-dialog__header .el-dialog__title {
font-weight: bold;
@@ -112,7 +112,7 @@ textarea::-webkit-input-placeholder {
color: #333;
}
.ms-weixin-dialog .el-dialog__footer {
- border-top: 1px solid #ddd;
+ border-top: 1px solid #e6e6e6;
padding: 15px !important;
}
.ms-hover {
@@ -162,14 +162,14 @@ textarea::-webkit-input-placeholder {
height: 50px !important;
display: flex;
justify-content: flex-start;
- border-top: 1px solid #ddd !important;
+ border-top: 1px solid #e6e6e6 !important;
}
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer > .el-button {
width: 40px !important;
height: 50px !important;
padding: 0 !important;
border: none !important;
- border-right: 1px solid #ddd !important;
+ border-right: 1px solid #e6e6e6 !important;
}
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .el-button {
border-radius: 0 !important;
@@ -201,11 +201,11 @@ textarea::-webkit-input-placeholder {
position: absolute;
top: -60px;
left: 0;
- border: 1px solid #ddd !important;
+ border: 1px solid #e6e6e6 !important;
width: 100%;
}
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .el-button--default {
- border-left: 1px solid #ddd !important;
+ border-left: 1px solid #e6e6e6 !important;
padding: 0 !important;
flex: 1;
}
@@ -218,22 +218,29 @@ textarea::-webkit-input-placeholder {
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card {
height: 100%;
}
-.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content {
+.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content,
+.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content {
display: flex;
justify-content: flex-start;
}
-.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content .el-input {
+.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content .el-input,
+.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content .el-input {
width: 153px !important;
height: 30px !important;
}
-.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content span {
+.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content span,
+.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content span {
margin-left: 10px;
font-weight: initial;
font-size: 12px;
- color: #aaa;
+ color: #999;
+}
+.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content .el-input {
+ width: 306px !important;
+ height: 30px !important;
}
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs {
- border: 1px solid #ddd;
+ border: 1px solid #e6e6e6;
}
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tabs__header {
background: #f2f2f6;
@@ -255,7 +262,7 @@ textarea::-webkit-input-placeholder {
}
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tab-pane > div {
flex: 1;
- border: 1px dashed #ddd;
+ border: 1px dashed #e6e6e6;
display: flex;
justify-content: center;
align-items: center;
diff --git a/src/main/webapp/static/mweixin/custom-menu.less b/src/main/webapp/static/mweixin/custom-menu.less
index 67c1e4a7..57c18a9a 100644
--- a/src/main/webapp/static/mweixin/custom-menu.less
+++ b/src/main/webapp/static/mweixin/custom-menu.less
@@ -90,7 +90,7 @@
.custom-menu-card {
height: 100%;
// 内容菜单表单
- .ms-custom-menu-name {
+ .ms-custom-menu-name,.ms-custom-menu-content {
.el-form-item__content {
.el-input {
.ms-width-height(153px, 30px) !important;
@@ -102,6 +102,13 @@
}
}
}
+ .ms-custom-menu-content {
+ .el-form-item__content {
+ .el-input {
+ .ms-width-height(306px, 30px) !important;
+ }
+ }
+ }
// 菜单内容
.ms-custom-menu-content {
.el-tabs {
From 61749c5e4da3682212206c3e66ca1ae91bf6094f Mon Sep 17 00:00:00 2001
From: yinxr <2273460044@qq.com>
Date: Mon, 11 Feb 2019 15:49:49 +0800
Subject: [PATCH 03/16] =?UTF-8?q?Signed-off-by:=20yinxr=20=E5=AD=90?=
=?UTF-8?q?=E6=96=87=E7=AB=A0=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../WEB-INF/manager/mweixin/metarial/form.ftl | 1 +
src/main/webapp/static/mweixin/article.less | 26 +++++++++++++++++++
.../webapp/static/mweixin/css/article.css | 26 +++++++++++++++++++
3 files changed, 53 insertions(+)
diff --git a/src/main/webapp/WEB-INF/manager/mweixin/metarial/form.ftl b/src/main/webapp/WEB-INF/manager/mweixin/metarial/form.ftl
index 05e331f0..6af6aa7a 100644
--- a/src/main/webapp/WEB-INF/manager/mweixin/metarial/form.ftl
+++ b/src/main/webapp/WEB-INF/manager/mweixin/metarial/form.ftl
@@ -24,6 +24,7 @@
+
diff --git a/src/main/webapp/static/mweixin/article.less b/src/main/webapp/static/mweixin/article.less
index e5cf45e6..80842cd2 100644
--- a/src/main/webapp/static/mweixin/article.less
+++ b/src/main/webapp/static/mweixin/article.less
@@ -42,6 +42,7 @@
.ms-flex();
padding: 10px 0;
border-bottom: 1px solid @borderColor;
+ position: relative;
p {
margin: 0 10px 0 0;
.ms-flex();
@@ -55,9 +56,34 @@
img {
.ms-width-height(50px);
}
+ // 遮罩
+ .ms-article-item-mask{
+ visibility: hidden;
+ background: rgb(126, 126, 126);
+ opacity: .8;
+ .ms-width-height(100%,50%);
+ position: absolute;
+ bottom:0;
+ .ms-flex(flex-end);
+ align-items: center;
+ >i{
+ .ms-font(14px,#fff);
+ margin:0 10px 0 auto;
+ display: none;
+
+ }
+ }
&:hover {
cursor: pointer;
}
+ &:hover{
+ .ms-article-item-mask{
+ visibility: visible;
+ >i{
+ display: block;
+ }
+ }
+ }
} // 尾部
.ms-article-footer {
background: #fff;
diff --git a/src/main/webapp/static/mweixin/css/article.css b/src/main/webapp/static/mweixin/css/article.css
index cd61c2c1..e781731c 100644
--- a/src/main/webapp/static/mweixin/css/article.css
+++ b/src/main/webapp/static/mweixin/css/article.css
@@ -173,6 +173,7 @@ textarea::-webkit-input-placeholder {
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #e6e6e6;
+ position: relative;
}
.ms-article .el-container .el-aside .ms-article-item p {
margin: 0 10px 0 0;
@@ -193,9 +194,34 @@ textarea::-webkit-input-placeholder {
width: 50px;
height: 50px;
}
+.ms-article .el-container .el-aside .ms-article-item .ms-article-item-mask {
+ visibility: hidden;
+ background: #7e7e7e;
+ opacity: .8;
+ width: 100%;
+ height: 50%;
+ position: absolute;
+ bottom: 0;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+}
+.ms-article .el-container .el-aside .ms-article-item .ms-article-item-mask > i {
+ font-weight: initial;
+ font-size: 14px;
+ color: #fff;
+ margin: 0 10px 0 auto;
+ display: none;
+}
.ms-article .el-container .el-aside .ms-article-item:hover {
cursor: pointer;
}
+.ms-article .el-container .el-aside .ms-article-item:hover .ms-article-item-mask {
+ visibility: visible;
+}
+.ms-article .el-container .el-aside .ms-article-item:hover .ms-article-item-mask > i {
+ display: block;
+}
.ms-article .el-container .el-aside .ms-article-footer {
background: #fff;
padding-top: 20px;
From f960462304a3a3656b46ee0629e182c306afefd3 Mon Sep 17 00:00:00 2001
From: yinxr <2273460044@qq.com>
Date: Mon, 11 Feb 2019 18:30:27 +0800
Subject: [PATCH 04/16] =?UTF-8?q?Signed-off-by:=20yinxr=20=E8=87=AA?=
=?UTF-8?q?=E5=AE=9A=E4=B9=89=E8=8F=9C=E5=8D=95=E4=BA=A4=E4=BA=92=E3=80=81?=
=?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E8=8F=9C=E5=8D=95=E8=8E=B7=E5=8F=96?=
=?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=8E=A5=E5=8F=A3=E8=B5=B0=E9=80=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../WEB-INF/manager/mweixin/menu/index.ftl | 115 ++++++++++++++----
.../webapp/static/mweixin/css/custom-menu.css | 34 +++++-
.../webapp/static/mweixin/custom-menu.less | 28 ++++-
3 files changed, 147 insertions(+), 30 deletions(-)
diff --git a/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl b/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
index 00d15251..e8dadaa7 100644
--- a/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/mweixin/menu/index.ftl
@@ -1,10 +1,11 @@
-
+
@@ -55,12 +57,12 @@
-
+
-
+
@@ -162,11 +164,14 @@
},
// 计算剩余字数
resetWordNum: function(type,limit) {
+ var target = event.target
type.indexOf('Title') > -1 ? this.titleWordNumber = limit - event.target.value.length : this.authorWordNumber = limit - event.target.value.length
if(event.target.value.length >= limit){
this.$message.error('超出字数限制,请输入不超过'+limit+'字符');
this.$nextTick(function(){
- this.articleForm[type] = event.target.value.slice(0,limit);
+ // 这里的event的type是message
+ this.articleForm[type] = target.value.slice(0,limit-1);
+ console.log('this.articleForm[type]',this.articleForm[type]);
})
}
},
diff --git a/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl b/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
index c5657f55..d3250d6e 100644
--- a/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
@@ -12,7 +12,7 @@
-