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

Signed-off-by: yinxr 子文章删除

This commit is contained in:
yinxr 2019-02-11 15:49:49 +08:00
parent 073a59b534
commit 61749c5e4d
3 changed files with 53 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/webapp/WEB-INF/manager/mweixin/metarial/form.ftl
View File

@ -24,6 +24,7 @@
<span v-text='element.basicTitle'></span>
</p>
<img :src='element.basicThumbnails'>
<div class="ms-article-item-mask"><i class="el-icon-delete" @click='subArticleList.splice(index,1)'></i></div>
</div>
</draggable>
<div class="ms-article-footer">

26
src/main/webapp/static/mweixin/article.less
View File

@ -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;

26
src/main/webapp/static/mweixin/css/article.css
View File

@ -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;