Signed-off-by: yinxr 子文章删除
This commit is contained in:
parent
073a59b534
commit
61749c5e4d
|
@ -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">
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue