名片页面

This commit is contained in:
浅念
2025-04-02 15:51:39 +08:00
parent b60cbff6d5
commit fde5830450
6 changed files with 40 additions and 28 deletions
+1 -1
View File
@@ -79,7 +79,7 @@
console.log(e)
},
onShow() {
this.queryList(1, 10)
// this.queryList(1, 10)
uni.setTabBarItem({
index: 0,
text: this.$t('tabbar.home')
+34 -22
View File
@@ -29,10 +29,17 @@
<image src="/static/image/mine/addr.png" style="height:18px;width: 14px;" mode=""></image>
<view class="">{{userinfo.country_name}}</view>
</view>
<view class="coles">
<image src="/static/image/mine/word.png" style="height:16px;width: 16px;" mode=""></image>
<view class="">HTTPS://HESUCAR.COM</view>
</view>
<view class="coles">
<view class="">{{userinfo.company}}</view>
</view>
</view>
<view class="code">
<image src="/static/image/mine/ewm.png" mode=""></image>
<text>微信</text>
<image :src="userinfo.socialize_pic_url" mode=""></image>
<view>{{userinfo.socialize}}</view>
</view>
<!-- <view class="code" :class=" activeImg === share_one ? 'code_one' : activeImg === share_two ? 'code_two' : activeImg === share_three ? 'code_three' : 'code_one'">
<qrcode-vue :value="codeUrl" :size="70"></qrcode-vue>
@@ -133,7 +140,8 @@
var that= this
html2canvas(element, {
backgroundColor: '#f5f5f5', //海报的背景颜色
useCORS: true // 允许跨域
useCORS: true ,// 允许跨域
allowTaint: true, // 允许污染画布
}).then(canvas => {
// canvas 其实就是我们所讲的res 的意思 返回报文的意思
let baseImg = canvas.toDataURL('image/png')
@@ -156,7 +164,8 @@
<style lang="scss">
.card{
padding: 15px;
padding:0px 15px;
margin-bottom: 75px;
}
.img_top{
background-image: url('/static/image/mine/cardbg.png');
@@ -164,13 +173,13 @@
background-repeat: no-repeat;
text-align: center;
position: relative;
width:690rpx;
height:1060rpx;
padding-top: 60rpx;
width:100%;
height:1080rpx;
padding-top: 40rpx;
.leftbg{
width: 10px;
width: 8px;
height: 34px;
background: linear-gradient(to bottom, #3471FF, #BD67FF);
background: #3C4169;
margin-right: 15px;
}
.name{
@@ -187,10 +196,14 @@
align-items: center;
}
.ftitle{
color: #222222;
font-size: 16px;
color: #fff;
font-size: 14px;
font-weight: bold;
margin-top: 20px;
background: #3C4169;
border-radius: 18px;
margin-left: 20px;
padding: 2px 15px;
}
image{
width: 100px;
@@ -199,9 +212,9 @@
}
}
.conts{
padding: 15px 25px;
padding: 15px 25px 10px;
line-height: 32px;
margin-bottom: 20px;
color: #3C4169;
.coles{
display: flex;
align-items: center;
@@ -214,15 +227,14 @@
}
}
.code{
background-color: rgba(255,255,255,50%);
border-radius: 10px;
text-align: center;
width: 340rpx;
margin: auto;
padding: 15px;
// text-align: center;
padding:0px 15px;
width: 26%;
color: #3C4169;
font-size: 14px;
image{
width: 160px;
height: 160px;
width: 70px;
height: 70px;
}
}
}
@@ -230,7 +242,7 @@
position: fixed;
bottom: 0px;
width: 100%;
height: 90px;
height: 75px;
background: #FFFFFF;
z-index: 1;
}
+5 -5
View File
@@ -67,8 +67,8 @@
<view class="item">{{$t('mine.QRcode')}}</view>
<view class="right">
<u-radio-group v-model="userinfo.socialize">
<u-radio :name="Number(1)" class="m-r-10">{{$t('mine.WeChat')}}</u-radio>
<u-radio :name="Number(2)">WhatsApp</u-radio>
<u-radio :name="$t('mine.WeChat')" class="m-r-10">{{$t('mine.WeChat')}}</u-radio>
<u-radio name="WhatsApp">WhatsApp</u-radio>
</u-radio-group>
</view>
</view>
@@ -76,7 +76,7 @@
<view class="item">上传二维码</view>
<view class="right">
<uni-file-picker style="margin: 10px 0px;" fileMediatype="image" limit="1" :list-styles="imageStyles" :del-icon="false" disable-preview @select="selectewm" >
<image class="user" :src="userinfo.socialize_pic==null?'/static/image/mine/erwm.png':userinfo.socialize_pic " mode=""></image>
<image class="user" :src="userinfo.socialize_pic_url==null?'/static/image/mine/erwm.png':userinfo.socialize_pic_url " mode=""></image>
</uni-file-picker>
</view>
</view>
@@ -247,8 +247,8 @@
icon: 'none'
});
}else{
that.userinfo[name] = path.data.image_url
that.userinfo[name1] = path.data.path
that.userinfo[name1] = path.data.image_url
that.userinfo[name] = path.data.path
console.log(that.form)
}
}
Binary file not shown.

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 444 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB