This commit is contained in:
kbing1981 2024-07-02 16:25:38 +08:00
parent 103842d40e
commit ece967dc3f
4 changed files with 27 additions and 15 deletions

View File

@ -1,9 +1,8 @@
<template> <template>
<view class="" style="width: 100%; background: #fff;">
<view class="" style="width: 100%;"> <view class="" style="width: 100%;">
<view class="" style="width: 100%;"> <view class="page-back" v-for="(item,index) in certificateList" :key="index">
<view style="width: 100%;margin: 0 auto 20rpx; box-sizing: border-box; padding: 0 20rpx;" <image :src="item" style="width: 100%; border-radius: 26rpx;" mode="widthFix" @click="saveImg(item)"></image>
v-for="(item,index) in certificateList" :key="index">
<image :src="item" style="width: 100%;" mode="widthFix" @click="saveImg(item)"></image>
</view> </view>
</view> </view>
<u-empty v-show="!certificateList[0]" icon-size="180" text="暂无证件照片" mode="list"></u-empty> <u-empty v-show="!certificateList[0]" icon-size="180" text="暂无证件照片" mode="list"></u-empty>
@ -57,4 +56,11 @@
</script> </script>
<style> <style>
.page-back{
background: fff;
padding: 30rpx;
}
.page-back img{
border-radius: 30rpx;
}
</style> </style>

View File

@ -1,9 +1,8 @@
<template> <template>
<view class="" style="width: 100%; background: #fff;">
<view class="" style="width: 100%;"> <view class="" style="width: 100%;">
<view class="" style="width: 100%;"> <view class="page-back" v-for="(item,index) in photoList":key="index">
<view style="width: 100%;margin: 0 auto 20rpx; box-sizing: border-box; padding: 0 20rpx;" v-for="(item,index) in photoList" <image :src="item" style="width: 100%; border-radius: 26rpx;" mode="widthFix" @click="saveImg(item)"></image>
:key="index">
<image :src="item" style="width: 100%;" mode="widthFix" @click="saveImg(item)"></image>
</view> </view>
<view class="tabbar" style="background: linear-gradient(to right, #019c88, #2dbe93); border-radius: 50rpx;" <view class="tabbar" style="background: linear-gradient(to right, #019c88, #2dbe93); border-radius: 50rpx;"
@ -78,4 +77,11 @@
color: #FFFFFF; color: #FFFFFF;
margin-top: 20rpx; margin-top: 20rpx;
} }
.page-back{
background: fff;
padding: 30rpx;
}
.page-back img{
border-radius: 30rpx;
}
</style> </style>

View File

@ -14,10 +14,10 @@
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: row; padding: 40upx;justify-content: center;"> <view style="display: flex;flex-direction: row; padding: 40upx;justify-content: center;">
<button v-if="isShowWxAPPShare=='是'" @click="shareWeiXin()" type="default" style="border: 1px #096f4b solid;color: #096f4b;font-size: 15px; width: 50%;border-radius: 30px;">文案推广</button> <button v-if="isShowWxAPPShare=='是'" @click="shareWeiXin()" type="default" style="border: 1px #019c88 solid;color: #29bb92;font-size: 15px; width: 50%;border-radius: 30px;">文案推广</button>
<button v-if="isShowWxAPPShare=='否'" @click="sharAPPUrl()" type="default" style="border: 1px #096f4b solid;color: #096f4b;font-size: 15px; width: 50%;border-radius: 30px;">文案推广</button> <button v-if="isShowWxAPPShare=='否'" @click="sharAPPUrl()" type="default" style="border: 1px #019c88 solid;color: #29bb92;font-size: 15px; width: 50%;border-radius: 30px;">文案推广</button>
<button @tap="test()" type="default" style="background: linear-gradient(to right, #096f4b, #00a85b);font-size: 15px;color: #FFFFFF; width: 50%; margin-left: 40upx;border-radius: 30px;">生成海报</button> <button @tap="test()" type="default" style="background: linear-gradient(to right, #019c88, #29bb92);font-size: 15px;color: #FFFFFF; width: 50%; margin-left: 40upx;border-radius: 30px;">生成海报</button>
</view> </view>
<qrcode-poster ref="poster" :title="nickName" :subTitle="nickName" :backgroundImage="backgroundImage" :abImg="userImageUrl" :content="invitationCode" /> <qrcode-poster ref="poster" :title="nickName" :subTitle="nickName" :backgroundImage="backgroundImage" :abImg="userImageUrl" :content="invitationCode" />
</view> </view>

View File

@ -1,10 +1,10 @@
<template> <template>
<view class="content"> <view class="content" style="background: #fff;">
<view class="flex" style="overflow: hidden;flex-wrap: wrap;padding-bottom: 10rpx;"> <view class="flex" style="overflow: hidden;flex-wrap: wrap;padding-bottom: 10rpx;">
<view class="margin-top flex margin-right-sm flex-wrap" v-if="infantImg.length" style="width:100%;"> <view class="margin-top flex margin-right-sm flex-wrap" v-if="infantImg.length" style="width:100%;">
<view class="flex" style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;" <view class="flex" style="width: 200rpx;height: 200rpx;position: relative; margin-left: 30rpx;"
v-for="(image,index) in infantImg" :key="index"> v-for="(image,index) in infantImg" :key="index">
<image :src="image" style="width: 100%;height: 100%;"></image> <image :src="image" style="width: 100%;height: 100%; "></image>
<view <view
style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;" @click="removeImg(index)"> style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;" @click="removeImg(index)">
<u-icon name="close-circle-fill" color="#d81e06" size="50rpx"></u-icon> <u-icon name="close-circle-fill" color="#d81e06" size="50rpx"></u-icon>
@ -12,7 +12,7 @@
</view> </view>
</view> </view>
<view class="margin-top" @click="addImages(3)" v-if="infantImg.length<6" > <view class="margin-top" @click="addImages(3)" v-if="infantImg.length<6" >
<view style="width: 200rpx;height: 200rpx;background: #f7f8fa; margin-bottom: 20rpx;" <view style="width: 200rpx;height: 200rpx;background: #f7f8fa; margin-bottom: 20rpx; margin-left: 30rpx; "
class="flex justify-center align-center"> class="flex justify-center align-center">
<view> <view>
<view class="text-center"> <view class="text-center">