|
@@ -860,7 +860,7 @@ const {
|
|
|
<!-- 版头 -->
|
|
|
<div class="html-head-img-box">
|
|
|
<div class="opt-btn-box" style="display: none;">
|
|
|
- <van-icon name="delete-o" @click.stop="deleteLayoutPic(1)" color="#f00"/>
|
|
|
+ <van-icon name="delete-o" @click.stop="deleteLayoutPic(1)" color="#f00" size="22"/>
|
|
|
</div>
|
|
|
<img :src="headImg" alt="" style="display:block;width:100%">
|
|
|
<div class="head-layout-item" v-for="item in headImgStyle" :key="item.value"
|
|
@@ -893,7 +893,7 @@ const {
|
|
|
>
|
|
|
<div class="resize-drag-box" @mousedown.stop="handleResizeP($event,index)"></div>
|
|
|
<div class="opt-btn-box" style="display: none;">
|
|
|
- <van-icon name="delete-o" @click.stop="handleDelItem(index,-1)" color="#f00"/>
|
|
|
+ <van-icon name="delete-o" @click.stop="handleDelItem(index,-1)" color="#f00" size="22"/>
|
|
|
<div class="drag-btn drag-btn_p"></div>
|
|
|
</div>
|
|
|
<div
|
|
@@ -952,7 +952,7 @@ const {
|
|
|
>
|
|
|
<div class="opt-btn-box2" style="display: none;">
|
|
|
<div class="drag-btn drag-btn_c"></div>
|
|
|
- <van-icon name="delete-o" @click.stop="handleDelItem(index,child.index)" color="#f00"/>
|
|
|
+ <van-icon name="delete-o" @click.stop="handleDelItem(index,child.index)" color="#f00" size="22"/>
|
|
|
</div>
|
|
|
<!-- 拖动按钮 -->
|
|
|
<div class="resize-drag-box_lb" @mousedown.stop="handleResizeC($event,index,child.index,'lb')"></div>
|
|
@@ -970,7 +970,7 @@ const {
|
|
|
<!-- 版尾 -->
|
|
|
<div class="html-end-img-box">
|
|
|
<div class="opt-btn-box" style="display: none;">
|
|
|
- <van-icon name="delete-o" @click.stop="deleteLayoutPic(2)" color="#f00"/>
|
|
|
+ <van-icon name="delete-o" @click.stop="deleteLayoutPic(2)" color="#f00" size="22"/>
|
|
|
</div>
|
|
|
<img :src="endImg" alt="" style="display:block;width:100%">
|
|
|
<div class="head-layout-item" v-for="item in endImgStyle" :key="item.value"
|
|
@@ -1163,9 +1163,6 @@ const {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .drag-btn {
|
|
|
- display: block;
|
|
|
- }
|
|
|
.drag-btn::after{
|
|
|
content: '';
|
|
|
display: block;
|
|
@@ -1177,9 +1174,17 @@ const {
|
|
|
}
|
|
|
.opt-btn-box{
|
|
|
position: absolute;
|
|
|
- right: -36px;
|
|
|
- padding-right: 8px;
|
|
|
- top: 0;
|
|
|
+ right: 0;
|
|
|
+ padding: 6px 10px 0;
|
|
|
+ top: -80px;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #ECF2FE;
|
|
|
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
|
|
|
+
|
|
|
+ .drag-btn {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
.resize-drag-box{
|
|
|
position: absolute;
|
|
@@ -1221,9 +1226,17 @@ const {
|
|
|
}
|
|
|
.opt-btn-box2{
|
|
|
position: absolute;
|
|
|
- right: -15px;
|
|
|
+ padding: 6px 4px;
|
|
|
+ right: 0;
|
|
|
top: 0;
|
|
|
z-index: 10;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #ECF2FE;
|
|
|
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
|
|
|
+ .drag-btn {
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ }
|
|
|
}
|
|
|
.resize-drag-box_lt,
|
|
|
.resize-drag-box_lb,
|
|
@@ -1263,7 +1276,7 @@ const {
|
|
|
.report-content-box{
|
|
|
width: 100%;
|
|
|
margin: 0 auto;
|
|
|
- padding: 20px 40px;
|
|
|
+ padding: 20px;
|
|
|
.html-head-img-box,.html-end-img-box{
|
|
|
position: relative;
|
|
|
&:hover{
|
|
@@ -1273,9 +1286,12 @@ const {
|
|
|
}
|
|
|
.opt-btn-box{
|
|
|
position: absolute;
|
|
|
- right: -36px;
|
|
|
- padding-right: 8px;
|
|
|
- top: 0;
|
|
|
+ right: 0;
|
|
|
+ padding: 6px 10px 0;
|
|
|
+ top: -60px;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #ECF2FE;
|
|
|
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
|
|
|
}
|
|
|
.head-layout-item{
|
|
|
position: absolute;
|
|
@@ -1377,6 +1393,14 @@ const {
|
|
|
height: calc(100dvh - 60px);
|
|
|
min-height: calc(95vh - 60px);
|
|
|
}
|
|
|
+ .report-content-box{
|
|
|
+ .html-head-img-box,.html-end-img-box{
|
|
|
+ .opt-btn-box{
|
|
|
+ top:-32px;
|
|
|
+ padding: 6px 10px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.bot-action-box{
|
|
|
margin: 0 auto;
|
|
@@ -1409,23 +1433,18 @@ const {
|
|
|
margin-top: 20px;
|
|
|
max-width: 800px;
|
|
|
.report-content-box {
|
|
|
- padding: 20px 20px 20px 44px;
|
|
|
+ padding: 20px ;
|
|
|
}
|
|
|
.report-drag-item-wrap {
|
|
|
margin-bottom: 80px;
|
|
|
|
|
|
.drag-btn::after{
|
|
|
- width: 28px;
|
|
|
- height: 28px;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
}
|
|
|
.opt-btn-box{
|
|
|
- right: -30px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .report-drag-item-wrap_child_content{
|
|
|
- .opt-btn-box2{
|
|
|
- right: -10px;
|
|
|
+ top:-42px;
|
|
|
+ padding: 6px 10px 0;
|
|
|
}
|
|
|
}
|
|
|
}
|