kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
yanran200730
2022-05-27 14:20:33 +08:00
parent a7248eb492
commit cf1a4c5b10
1 changed files with 38 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/saas/AppCountryAlbum/Watermark.vue
View File

@@ -19,11 +19,21 @@
</div> </div>
<div class="photo-bottom" data-html2canvas-ignore> <div class="photo-bottom" data-html2canvas-ignore>
<div class="photo-bottom__top"> <div class="photo-bottom__top">
<image src="./images/clear.png" @click.stop="isHide = true, currIndex = -1" /> <span></span>
<!-- <image src="./images/clear.png" @click.stop="isHide = true, currIndex = -1" /> -->
<h2>水印</h2> <h2>水印</h2>
<span @click.stop="isHide = true">确定</span> <span @click.stop="isHide = true">确定</span>
</div> </div>
<div class="waterlist"> <div class="waterlist">
<div
class="water-item"
:class="[currIndex === -1 ? 'active' : '']"
key="-1"
@click.stop="currIndex = -1">
<image src="./images/clear.png" />
<image class="checked" v-if="currIndex === -1" src="./images/xuanzhong.png" />
<div class="water-item__bottom">不使用水印</div>
</div>
<div <div
class="water-item" class="water-item"
:class="[currIndex === index ? 'active' : '']" :class="[currIndex === index ? 'active' : '']"
@@ -31,6 +41,7 @@
:key="item.id" :key="item.id"
@click.stop="currIndex = index"> @click.stop="currIndex = index">
<image :src="item.thum" /> <image :src="item.thum" />
<image class="checked" v-if="currIndex === index" src="./images/xuanzhong.png" />
<div class="water-item__bottom">{{ item.name }}</div> <div class="water-item__bottom">{{ item.name }}</div>
</div> </div>
</div> </div>
@@ -607,6 +618,32 @@
height: 200px; height: 200px;
} }
&:first-child {
flex-direction: column;
background: #E4E7EB;
& > image {
width: 64px;
height: 64px;
}
.water-item__bottom {
position: relative;
color: #8A93A4;
font-size: 28px;
background: transparent;
}
}
.checked {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 64px;
height: 64px;
}
.water-item__bottom { .water-item__bottom {
position: absolute; position: absolute;
bottom: 0; bottom: 0;