ak
/
msopen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Signed-off-by: yinxr <2273460044@qq.com>

This commit is contained in:
yinxr 2019-01-25 18:26:19 +08:00
parent 12cabb5d54
commit 0b051a3174
3 changed files with 96 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/webapp/WEB-INF/manager/mweixin/message-reply.ftl
View File

@ -23,8 +23,8 @@
resize='none'
>
</el-input>
<i class="el-icon-delete"></i>
<div>
<i class="el-icon-delete" @click="messageReplyForm.reply = ''"></i>
<div class="footer">
<i class="el-icon-star-off"></i>
<a>插入超链接</a>
</div>

57
src/main/webapp/static/mweixin/css/message-reply.css
View File

@ -106,30 +106,63 @@ textarea::-webkit-input-placeholder {
}
.ms-message-reply .message-reply-tabs {
flex: 1;
}
.ms-message-reply .message-reply-tabs .el-tabs {
border: 1px solid #ddd;
}
.ms-message-reply .message-reply-tabs .el-tabs .el-tabs__header {
background: #f2f2f6;
border-radius: 4px 4px 0 0 !important;
}
.ms-message-reply .message-reply-tabs .el-tabs__header {
margin: 0 !important;
}
.ms-message-reply .message-reply-tabs .el-tabs .el-tabs__header .el-tabs__nav-scroll {
.ms-message-reply .message-reply-tabs .el-tabs__header .el-tabs__nav-scroll {
padding: 0 20px;
}
.ms-message-reply .message-reply-tabs .el-tabs .el-tab-pane {
padding: 20px;
.ms-message-reply .message-reply-tabs .el-tab-pane {
padding: 0 !important;
width: 100%;
height: 220px;
display: flex;
justify-content: space-between;
}
.ms-message-reply .message-reply-tabs .el-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content {
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form {
width: 100%;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content {
margin: 0;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content {
position: relative;
}
.ms-message-reply .message-reply-tabs .el-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content > .el-icon-delete {
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .el-icon-delete {
position: absolute;
right: 5px;
bottom: 5px;
bottom: 66px;
font-weight: initial;
font-size: 12px;
color: #999;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .el-icon-delete:hover {
cursor: pointer;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content textarea {
height: 110px !important;
border: none !important;
border-bottom: 1px solid #ddd !important;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer {
height: 58px;
padding: 0 14px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer i {
margin-right: 12px;
font-size: 16px;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer a {
font-weight: initial;
font-size: 14px;
color: #0099ff;
}
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer i:hover,
.ms-message-reply .message-reply-tabs .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer a:hover {
cursor: pointer;
}

71
src/main/webapp/static/mweixin/message-reply.less
View File

@ -10,32 +10,59 @@
// 导航切换
.message-reply-tabs{
flex: 1;
.el-tabs{
border: 1px solid @borderColor;
.el-tabs__header{
background: #f2f2f6;
border-radius:4px 4px 0 0 !important;
margin: 0 !important;
.el-tabs__nav-scroll{
padding: 0 20px;
}
border: 1px solid @borderColor;
border-radius:4px 4px 0 0 !important;
.el-tabs__header{
// background: #f2f2f6;
margin: 0 !important;
.el-tabs__nav-scroll{
padding: 0 20px;
}
.el-tab-pane{
padding: 20px;
.ms-width-height(100%,220px);
.ms-flex();
>.el-form{
.ms-message-reply-content{
.el-form-item__content{
position: relative;
>.el-icon-delete{
position: absolute;
right: 5px;
bottom: 5px;
}
.el-tab-pane{
padding: 0 !important;
width: 100%;
.ms-flex();
>.el-form{
width: 100%;
.ms-message-reply-content{
margin: 0;
.el-form-item__content{
position: relative;
.el-icon-delete{
position: absolute;
right: 5px;
bottom: 66px;
.ms-font(@auxiliarySize,@auxiliaryColor);
&:hover{
cursor: pointer;
}
}
textarea{
height: 110px !important;
border: none !important;
border-bottom: 1px solid @borderColor !important;
}
.footer{
height: 58px;
padding: 0 14px;
.ms-flex(flex-start);
align-items: center;
i{
margin-right: 12px;
font-size: 16px;
}
a{
.ms-font(@defalutSize,@themeColor);
}
i,a{
&:hover{
cursor: pointer;
}
}
}
}
}
}
}