Skip to content
GitLab
Commit 0b051a31 authored by yinxr's avatar yinxr
Browse files

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

parent 12cabb5d
Hide whitespace changes
Inline Side-by-side
src/main/webapp/WEB-INF/manager/mweixin/message-reply.ftl
View file @ 0b051a31
...@@ -23,8 +23,8 @@ ...@@ -23,8 +23,8 @@
resize='none' resize='none'
> >
</el-input> </el-input>
<i class="el-icon-delete"></i> <i class="el-icon-delete" @click="messageReplyForm.reply = ''"></i>
<div> <div class="footer">
<i class="el-icon-star-off"></i> <i class="el-icon-star-off"></i>
<a>插入超链接</a> <a>插入超链接</a>
</div> </div>
......
src/main/webapp/static/mweixin/css/message-reply.css
View file @ 0b051a31
...@@ -106,30 +106,63 @@ textarea::-webkit-input-placeholder { ...@@ -106,30 +106,63 @@ textarea::-webkit-input-placeholder {
} }
.ms-message-reply .message-reply-tabs { .ms-message-reply .message-reply-tabs {
flex: 1; flex: 1;
}
.ms-message-reply .message-reply-tabs .el-tabs {
border: 1px solid #ddd; border: 1px solid #ddd;
}
.ms-message-reply .message-reply-tabs .el-tabs .el-tabs__header {
background: #f2f2f6;
border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important;
}
.ms-message-reply .message-reply-tabs .el-tabs__header {
margin: 0 !important; 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; padding: 0 20px;
} }
.ms-message-reply .message-reply-tabs .el-tabs .el-tab-pane { .ms-message-reply .message-reply-tabs .el-tab-pane {
padding: 20px; padding: 0 !important;
width: 100%; width: 100%;
height: 220px;
display: flex; display: flex;
justify-content: space-between; 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; 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; position: absolute;
right: 5px; 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;
} }
src/main/webapp/static/mweixin/message-reply.less
View file @ 0b051a31
...@@ -10,32 +10,59 @@ ...@@ -10,32 +10,59 @@
// 导航切换 // 导航切换
.message-reply-tabs{ .message-reply-tabs{
flex: 1; flex: 1;
.el-tabs{ border: 1px solid @borderColor;
border: 1px solid @borderColor; border-radius:4px 4px 0 0 !important;
.el-tabs__header{ .el-tabs__header{
background: #f2f2f6; // background: #f2f2f6;
border-radius:4px 4px 0 0 !important; margin: 0 !important;
margin: 0 !important; .el-tabs__nav-scroll{
.el-tabs__nav-scroll{ padding: 0 20px;
padding: 0 20px;
}
} }
.el-tab-pane{ }
padding: 20px; .el-tab-pane{
.ms-width-height(100%,220px); padding: 0 !important;
.ms-flex(); width: 100%;
>.el-form{ .ms-flex();
.ms-message-reply-content{ >.el-form{
.el-form-item__content{ width: 100%;
position: relative; .ms-message-reply-content{
>.el-icon-delete{ margin: 0;
position: absolute; .el-form-item__content{
right: 5px; position: relative;
bottom: 5px; .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;
}
} }
} }
} }
} }
} }
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment