This commit is contained in:
parent
103842d40e
commit
ece967dc3f
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue