uniapp 电子证照中心

yudao-ui-app/pages.json

@@ -10,6 +10,12 @@
 				// }
 			}
 		},
+    {
+    	"path": "pages/business_license/index",
+    	"style": {
+    		"navigationBarTitleText": "电子证照中心"
+    	}
+    },
     {
     	"path": "pages/member_rule/index",
     	"style": {

yudao-ui-app/pages/business_license/index.vue

@@ -0,0 +1,84 @@
+<template>
+ <view class="content">
+   <view class="license">
+     <text>营业执照</text>
+     <image src="/static/images/license.png" mode="" @click="handleImg(0)"></image>
+   </view>
+   <view class="permit">
+     <text>增值电信业务经营许可证</text>
+     <image src="/static/images/permit1.png" mode="" @click="handleImg(1)"></image>
+     <image src="/static/images/permit2.png" mode="" @click="handleImg(2)"></image>
+   </view>
+  <u-navbar autoBack  title="电子证照中心"></u-navbar>
+ </view>
+</template>
+
+<script>
+
+  export default {
+    name: "member_rule",
+    data() {
+      return {
+        urls:['/static/images/license.png','/static/images/permit1.png','/static/images/permit2.png']
+        };
+    },
+    methods: {
+    handleImg(current){
+    // 预览图片
+    uni.previewImage({
+    	urls: this.urls,
+      current,
+    	longPressActions: {
+    		itemList: [ '保存图片'],
+    		success: function(data) {
+    			console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+    		},
+    		fail: function(err) {
+    			console.log(err.errMsg);
+    		}
+    	}
+    });
+    }
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+.content{
+  padding: 10% 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .license{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 6% 0;
+    text{
+      font-size: 40rpx;
+      font-weight: 600;
+    }
+    image{
+      width: 100%;
+      min-height: 500rpx;
+    }
+  }
+  .permit{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin: 4% 0;
+    align-items: center;
+    text{
+      font-size: 40rpx;
+      font-weight: 600;
+    }
+    image{
+      width: 100%;
+      min-height: 1200rpx;
+    }
+  }
+
+}
+</style>

yudao-ui-app/pages/index/index.vue

@@ -56,6 +56,16 @@
         <image src="@/static/images/wecheat.png" ></image>
       </view>
     </view>
+    <view class="protocol-text">
+      <text>
+        <image src="/static/images/trade.jpg" mode=""></image>
+        电子证照中心
+      </text>
+      <text @click="handleTrade">
+        ICP备案号：渝ICP备2022012409号-1
+      </text>
+      <text class="text">Copyright@2022-2023创盈云网络cyywl.top版权所有</text>
+    </view>
 <!-- 		<view class="hot">
 			<view class="contain"></view>
 			<view class="top">
@@ -99,9 +109,9 @@
 				<u--text class="text" color="#E50202" mode="price" size="28" :text="item.price"></u--text>
 			</view>
 		</view>-->
-		<view class="" style="margin-top: 110rpx;">
+<!-- 		<view class="" style="margin-top: 110rpx;">
 
-		</view>
+		</view> -->
 	</view>
 </template>
 
@@ -361,6 +371,11 @@
 			})
 		},
 		methods: {
+      handleTrade() {
+        uni.navigateTo({ 
+          url: '/pages/business_license/index'
+        })
+      },
       handleCustomer(value){
         switch (value) {
           case '电话客服':
@@ -870,16 +885,30 @@
       // background: linear-gradient(111.4deg, rgb(238, 113, 113) 1%, rgb(246, 215, 148) 58%);
       // border-radius: 20rpx;
       .customer{
-        width: 663rpx;
         margin: 3% 44rpx;
-        height: 310rpx;
+        height: 240rpx;
         image{
           width: 100%;
           height: 100%;
         }
       }
     }
-
+  .protocol-text{
+        display: flex;
+        color: #666;
+        flex-direction: column;
+        justify-content: center;
+        font-size: 22rpx;
+        align-items: center;
+        image{
+          width: 22rpx;
+          height: 22rpx;
+          margin-right: 10rpx;
+        }
+        text{
+          margin: 4rpx;
+        }
+      }
 
 		.hot {
 			width: 663rpx;

yudao-ui-app/pages/users/login/index.vue

@@ -50,6 +50,16 @@
         </u-checkbox-group>
         <view class="text">我已阅读并同意 <span class="link" @click="onLinkUserPrivacy">《创盈商城用户协议》</span></view>
       </div>
+      <view class="protocol-text">
+        <text>
+          <image src="/static/images/trade.jpg" mode=""></image>
+          电子证照中心
+        </text>
+        <text @click="handleTrade">
+          ICP备案号：渝ICP备2022012409号-1
+        </text>
+        <text class="text">Copyright@2022-2023创盈云网络cyywl.top版权所有</text>
+      </view>
     </div>
     <div class="bottom"></div>
   </div>
@@ -111,6 +121,11 @@
 
     },
     methods: {
+      handleTrade() {
+        uni.navigateTo({ 
+          url: '/pages/business_license/index'
+        })
+      },
       onLinkUserPrivacy() {
         uni.navigateTo({
           url: '/pages/users/privacy/index'
@@ -126,7 +141,7 @@
         let that = this;
         if (!that.mobile) return that.$util.Tips({
           title: '请填写手机号码'
-        });
+        }); 
         if (!/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(that.mobile))
           return that.$util.Tips({
             title: '请输入正确的手机号码'
@@ -529,6 +544,22 @@
           }
         }
       }
+      .protocol-text{
+        display: flex;
+        color: #666;
+        flex-direction: column;
+        justify-content: center;
+        font-size: 22rpx;
+        align-items: center;
+        image{
+          width: 22rpx;
+          height: 22rpx;
+          margin-right: 10rpx;
+        }
+        text{
+          margin: 4rpx;
+        }
+      }
     }
   }
 </style>