1

app.json

@@ -1,8 +1,7 @@
 {
   "pages": [
-    "pages/home/home",
     "pages/login/login",
-
+    "pages/home/home",
     "pages/perssonal/perssonal",
     "pages/setting/setting",
     "pages/editPwd/editPwd",

pages/setting/setting.wxml

@@ -16,62 +16,42 @@
     <image class="image" src="{{form.imgurl}}"></image>
     <view class="userInfo">
       <view class="temOne" wx:if="{{form.imgIndex==0}}">
-        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-        <view class="name">{{userInfo.nickName||"顾红伟"}}</view>
+        <view class="name">{{userInfo.nickName}}</view>
         <view class="phone">NO.{{form.phone}}</view>
         <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
       </view>
       <view class="temTwo" wx:elif="{{form.imgIndex==1}}">
-        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-        <view>{{userInfo.nickName||"顾红伟"}}</view>
-        <view>NO.{{form.phone}}</view>
         <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
+        <view class="name">{{userInfo.nickName}}</view>
+        <view class="phone">NO.{{form.phone}}</view>
       </view>
       <view class="temThr" wx:elif="{{form.imgIndex==2}}">
-        <view class="temThrOne">
-          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-          <view>
-            <text>{{userInfo.nickName||"顾红伟"}}</text>
-            <text>NO.{{form.phone}}</text>
-          </view>
-        </view>
-        <view class="temThrTwo">
-          <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
+        <view>
+          <text>{{userInfo.nickName||"顾红伟"}}</text>
+          <text>NO.{{form.phone}}</text>
         </view>
       </view>
       <view class="temFour" wx:elif="{{form.imgIndex==3}}">
-        <view class="temThrOne">
+        <view class="temFourImg">
+          <image class="qrcode" src="{{qrcodeUrl}}"></image>
           <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-          <view>
-            <text>{{userInfo.nickName||"顾红伟"}}</text>
-            <text>NO.{{form.phone}}</text>
-          </view>
         </view>
-        <view class="temThrTwo">
-          <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <view class="temFourInfo">
+          <text>{{userInfo.nickName||"顾红伟"}}</text>
+          <text>NO.{{form.phone}}</text>
         </view>
       </view>
       <view class="temFive" wx:elif="{{form.imgIndex==4}}">
+        <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
         <view>
           <text>{{userInfo.nickName||"顾红伟"}}</text>
-        </view>
-        <view>
-          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-          <image class="qrcode" src="{{qrcodeUrl}}"></image>
-        </view>
-        <view>
           <text>NO.{{form.phone}}</text>
         </view>
-        <!-- <view>
-          <text>{{userInfo.nickName||"顾红伟"}}</text>
-        </view>
-        <view>
-          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-          <image class="qrcode" src="{{qrcodeUrl}}"></image>
-        </view>
-        <view>
-          <text>NO.{{form.phone}}</text>
-        </view> -->
       </view>
     </view>
   </view>

pages/setting/setting.wxss

@@ -64,245 +64,169 @@
   width: 100%;
   text-align: center;
   position: absolute;
-  bottom: 5px;
+  bottom: 20px;
   color: #ffffff;
 }
 
-.temOne .avatarUrl {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 90rpx;
-}
-
 .temOne view {
-  padding: 5rpx 0;
+  padding: 10rpx 0;
+  font-weight: bold;
 }
 
 .temOne .qrcode {
-  width: 200rpx;
-  height: 200rpx;
+  width: 250rpx;
+  height: 250rpx;
+}
+
+.temOne .avatarUrl {
+  width: 80rpx;
+  height: 80rpx;
+  position: absolute;
+  bottom: 41px;
+  left: 44%;
+  border: 3px solid #fff;
+  border-radius: 15rpx;
 }
 
 /* 模板二 */
 .temTwo {
   float: left;
-  width: 100%;
+  width: 41%;
+  height: 380rpx;
   text-align: center;
   position: absolute;
-  bottom: 5px;
-  color: #ffffff;
+  left: 28%;
+  bottom: 30px;
+  background-color: #ffffff;
+  border-radius: 20rpx;
+}
+
+.temTwo .qrcode {
+  width: 280rpx;
+  height: 250rpx;
+  margin: 15rpx 0 0 0;
 }
 
 .temTwo .avatarUrl {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 90rpx;
+  width: 80rpx;
+  height: 80rpx;
+  position: absolute;
+  left: 36%;
+  top: 45px;
+  border: 3px solid #ffffff;
+  border-radius: 10rpx;
 }
 
 .temTwo view {
-  padding: 5rpx 0;
+  font-weight: bold;
+  padding: 0 0 5rpx 0;
 }
 
-.temTwo .qrcode {
-  width: 200rpx;
-  height: 200rpx;
-}
 
 /* 模板三 */
 .temThr {
-  float: left;
+  position: absolute;
+  bottom: 5rpx;
   width: 100%;
+  text-align: center;
 }
 
-.temThr .temThrOne {
-  float: right;
-  width: 60%;
-  padding: 20rpx 0 0 0;
+.temThr .qrcode {
+  width: 240rpx;
+  height: 240rpx;
 }
 
-.temThr .temThrOne .avatarUrl {
-  float: left;
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 90rpx;
+.temThr .avatarUrl {
+  width: 80rpx;
+  height: 80rpx;
+  position: absolute;
+  left: 44%;
+  top: 40px;
+  border: 3px solid #ffffff;
+  border-radius: 10rpx;
 }
 
-.temThr .temThrOne view {
-  float: left;
-  width: 68%;
-  padding: 0 20rpx;
-}
 
-.temThr .temThrOne view text {
-  float: left;
-  width: 100%;
-  text-align: left;
+.temThr view text {
   font-size: 30rpx;
-  padding: 10rpx 0 0 0;
   font-weight: bold;
-}
-
-.temThr .temThrTwo {
-  float: left;
-  width: 100%;
-  text-align: center;
-  position: absolute;
-  bottom: 5px;
-}
-
-.temThr .temThrTwo .qrcode {
-  width: 200rpx;
-  height: 200rpx;
+  padding: 0 10rpx;
+  color: #003875;
 }
 
 /* 模板四 */
 .temFour {
-  float: left;
-  width: 100%;
+  width: 40%;
+  position: absolute;
+  bottom: 10rpx;
+  right: 30rpx;
 }
 
-.temFour .temThrOne {
+.temFour .temFourImg {
   float: right;
-  width: 60%;
-  padding: 20rpx 0 0 0;
-}
-
-.temFour .temThrOne .avatarUrl {
-  float: left;
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 90rpx;
-}
-
-.temFour .temThrOne view {
-  float: left;
-  width: 68%;
-  padding: 0 20rpx;
+  height: 250rpx;
+  width: 80%;
+  border: 3px solid #032eae;
 }
 
-.temFour .temThrOne view text {
-  float: left;
+.temFour .qrcode {
   width: 100%;
-  text-align: left;
-  font-size: 30rpx;
-  padding: 10rpx 0 0 0;
-  font-weight: bold;
+  height: 250rpx;
 }
 
-.temFour .temThrTwo {
-  float: left;
-  width: 100%;
-  text-align: right;
+.temFour .avatarUrl {
+  width: 80rpx;
+  height: 80rpx;
   position: absolute;
-  bottom: 5px;
-  right: 40rpx;
-}
-
-.temFour .temThrTwo .qrcode {
-  width: 200rpx;
-  height: 200rpx;
+  left: 43%;
+  top: 44px;
+  border: 3px solid #ffffff;
+  border-radius: 10rpx;
 }
 
-.temFive view:nth-child(1) {
-  position: absolute;
-  width: 11%;
-  top: 25%;
+.temFour .temFourInfo {
+  float: left;
+  width: 100%;
   text-align: center;
 }
 
-.temFive view:nth-child(1) text {
-  writing-mode: tb-rl;
-  color: #ffffff;
-  font-weight: bold;
-  letter-spacing: 10rpx;
+.temFour .temFourInfo text {
+  font-size: 30rpx;
+  padding: 0 0 0 50rpx;
   font-weight: bold;
+  color: #032eae;
 }
 
-.temFive view:nth-child(2) {
-  position: absolute;
-  width: 68%;
-  top: 32%;
-  left: 16%;
-  text-align: center;
-}
-
-.temFive view:nth-child(2) image {
-  margin: 0 10rpx;
-}
-
-.temFive view:nth-child(2) .avatarUrl {
-  width: 200rpx;
-  height: 200rpx;
-  border-radius: 90rpx;
-}
-
-.temFive view:nth-child(2) .qrcode {
-  width: 200rpx;
-  height: 200rpx;
-}
-
-.temFive view:nth-child(3) {
-  position: absolute;
-  right: 0;
-  top: 25%;
-  width: 11%;
-  text-align: center;
-
-}
-
-/* .temFive {
+/* 模板五 */
+.temFive {
   float: left;
   width: 100%;
-}
-
-.temFive view {
-  float: left;
-}
-
-.temFive view:nth-child(1) {
-  width: 11%;
+  position: absolute;
+  top: 30%;
   text-align: center;
-  padding: 300rpx 0 0 0;
 }
 
-.temFive view:nth-child(1) text {
-  writing-mode: tb-rl;
-  color: #ffffff;
-  font-weight: bold;
-  letter-spacing: 10rpx;
-  margin: 60rpx 0 0 0;
-  font-weight: bold;
+.temFive .qrcode {
+  width: 220rpx;
+  height: 220rpx;
 }
 
-.temFive view:nth-child(2) {
-  width: 78%;
-  text-align: center;
-  height: 250rpx;
+.temFive .avatarUrl {
+  width: 70rpx;
+  height: 70rpx;
   position: absolute;
-  top: 31%;
+  left: 45%;
+  top: 35px;
+  border: 3px solid #ffffff;
+  border-radius: 10rpx;
 }
 
-.temFive view:nth-child(2) .avatarUrl {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 90rpx;
-}
-
-.temFive view:nth-child(2) .qrcode {
-  width: 200rpx;
-  height: 200rpx;
+.temFive view {
+  margin: -12rpx 0 0 0;
 }
 
-.temFive view:nth-child(3) {
-  width: 11%;
-  text-align: center;
-  padding: 45% 0 0 0;
-} */
-
-.temFive view:nth-child(3) text {
-  writing-mode: tb-rl;
-  text-orientation: upright;
-  color: #fff;
+.temFive view text {
   font-weight: bold;
-  letter-spacing: 10rpx;
+  font-size: 25rpx;
+  padding: 0 10rpx;
 }