11

pages/idCardDetail/idCardDetail.wxml

@@ -1,6 +1,23 @@
 <wxs module="urls" src="../../utils/photoUrl.wxs"></wxs>
 <view class="home">
 	<image src="/images/shenfenka.jpg" style="width:750rpx;height:1334rpx"></image>
-	<image class="photo" src="{{urls.url(info.headPicPath)}}" ></image>
-	<view  class="userName">{{info.userName}}</view>
+	<image class="photo" src="{{urls.url(info.headPicPath)}}"></image>
+
+	<view class="userName">
+		<view class="xunfangtitle">采集巡访员</view>
+		<view>{{info.userName}}</view>
+	</view>
+	<view class="userInfo">
+		<view>身份证号：{{info.idCardNumber}}</view>
+		<view>认证时间：2020年09月15日</view>
+		<view style="display: flex;">
+			<view style=" width: 152rpx;">认证地点：</view>
+			<view style="" >{{info.dept1.name}}{{info.dept2.name}}{{info.dept3.name}}{{info.dept4.name}}{{info.dept15.name}}</view>
+		</view>
+
+		<view>联系方式：{{info.phone}}</view>
+	</view>
+	<image class="zhang"   src="/images/zhang.png"></image>
+	<!-- <view class="userName">身份证号码：{{info.idCardNumber}}</view>
+	<view class="userName">认证时间：{{info.idCardNumber}}</view> -->
 </view>

pages/idCardDetail/idCardDetail.wxss

@@ -1,14 +1,35 @@
 .photo {
   width: 180rpx;
   height: 180rpx;
-  border-radius: 50%;
   position: absolute;
-  top: 350rpx;
+  top: 450rpx;
   left: 300rpx
 }
 
 .userName {
   position: absolute;
-  top: 620rpx;
-  left: 330rpx
+  top: 700rpx;
+  /* left: 310rpx; */
+  text-align: center;
+  width: 100%;
+}
+
+.userInfo {
+  position: absolute;
+  top: 820rpx;
+  left: 180rpx;
+  font-size: 26rpx;
+  width: 400rpx;
+}
+
+.xunfangtitle {
+  font-weight: bold;
+}
+
+.zhang {
+  position: absolute;
+  top: 940rpx;
+  left: 480rpx;
+  width: 200rpx;
+  height: 200rpx
 }