名片页面
This commit is contained in:
@@ -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
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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 |
Reference in New Issue
Block a user