Signed-off-by: yinxr 子文章删除
This commit is contained in:
parent
073a59b534
commit
61749c5e4d
|
@ -24,6 +24,7 @@
|
||||||
<span v-text='element.basicTitle'></span>
|
<span v-text='element.basicTitle'></span>
|
||||||
</p>
|
</p>
|
||||||
<img :src='element.basicThumbnails'>
|
<img :src='element.basicThumbnails'>
|
||||||
|
<div class="ms-article-item-mask"><i class="el-icon-delete" @click='subArticleList.splice(index,1)'></i></div>
|
||||||
</div>
|
</div>
|
||||||
</draggable>
|
</draggable>
|
||||||
<div class="ms-article-footer">
|
<div class="ms-article-footer">
|
||||||
|
|
|
@ -42,6 +42,7 @@
|
||||||
.ms-flex();
|
.ms-flex();
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid @borderColor;
|
border-bottom: 1px solid @borderColor;
|
||||||
|
position: relative;
|
||||||
p {
|
p {
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
.ms-flex();
|
.ms-flex();
|
||||||
|
@ -55,9 +56,34 @@
|
||||||
img {
|
img {
|
||||||
.ms-width-height(50px);
|
.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 {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
&:hover{
|
||||||
|
.ms-article-item-mask{
|
||||||
|
visibility: visible;
|
||||||
|
>i{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
} // 尾部
|
} // 尾部
|
||||||
.ms-article-footer {
|
.ms-article-footer {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
|
@ -173,6 +173,7 @@ textarea::-webkit-input-placeholder {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid #e6e6e6;
|
border-bottom: 1px solid #e6e6e6;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
.ms-article .el-container .el-aside .ms-article-item p {
|
.ms-article .el-container .el-aside .ms-article-item p {
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
|
@ -193,9 +194,34 @@ textarea::-webkit-input-placeholder {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 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 {
|
.ms-article .el-container .el-aside .ms-article-item:hover {
|
||||||
cursor: pointer;
|
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 {
|
.ms-article .el-container .el-aside .ms-article-footer {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
|
Loading…
Reference in New Issue