名片页面

pages/index/highseas.vue

@@ -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')

pages/mine/businesscard.vue

@@ -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>
+					<image :src="userinfo.socialize_pic_url" mode=""></image>
-					<text>微信</text>
+					<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;
+		width:100%;
-		height:1060rpx;
+		height:1080rpx;
-		padding-top: 60rpx;
+		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;
+				color: #fff;
-				font-size: 16px;
+				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%);
+			// text-align: center;
-			border-radius: 10px;
+			padding:0px 15px;
-			text-align: center;
+			width: 26%;
-			width: 340rpx;
+			color: #3C4169;
-			margin: auto;
+			font-size: 14px;
-			padding: 15px;
 			image{
-				width: 160px;
+				width: 70px;
-				height: 160px;
+				height: 70px;
 			}
 		}
 	}
@@ -230,7 +242,7 @@
 		position: fixed;
 		bottom: 0px;
 		width: 100%;
-		height: 90px;
+		height: 75px;
 		background: #FFFFFF;
 		z-index: 1;
 	}

pages/mine/changinfo.vue

@@ -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="$t('mine.WeChat')" class="m-r-10">{{$t('mine.WeChat')}}</u-radio>
-					  <u-radio :name="Number(2)">WhatsApp</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.image_url
-							that.userinfo[name1] = path.data.path
+							that.userinfo[name] = path.data.path
 							console.log(that.form)
 						}
 					}