sunjianxi
/
cycgs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
master
yinxr 7 years ago
parent 12cabb5d54
commit 0b051a3174
3 changed files with 96 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/main/webapp/WEB-INF/manager/mweixin/message-reply.ftl
  2. 57
      src/main/webapp/static/mweixin/css/message-reply.css
  3. 71
      src/main/webapp/static/mweixin/message-reply.less

4
src/main/webapp/WEB-INF/manager/mweixin/message-reply.ftl
Unescape 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
Unescape 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
Unescape 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;
}
}
}
}
}
}
}

Write Preview
Loading…
Cancel
Save