完成隐私设置页面

App.vue

@@ -11,19 +11,19 @@ export default {
 
 		const appStart = uni.getStorageSync('appStart')
 		if (appStart) {
-			uni.switchTab({
-				url: "/pages/index/index",
-				success: function () {
-					plus.navigator.closeSplashscreen()
-				}
-			})	
-
-			// uni.navigateTo({
-			// 	url: "/subPackage/setting/setting",
+			// uni.switchTab({
+			// 	url: "/pages/index/index",
 			// 	success: function () {
 			// 		plus.navigator.closeSplashscreen()
 			// 	}
 			// })	
+
+			uni.navigateTo({
+				url: "/subPackage/setting/setting",
+				success: function () {
+					plus.navigator.closeSplashscreen()
+				}
+			})	
 			
 		} else {
 			uni.redirectTo({

pages.json

@@ -223,6 +223,13 @@
             "enablePullDownRefresh": false,
             "navigationBarTitleText": ""
           }
+        },
+        {
+        	"path" : "privacy/privacy",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "隐私管理"
+        	}
         }
       ]
     }

subPackage/privacy/privacy.less

+.privacy-page {
+    background-color: #F7FAFF;
+    width: 100vw;
+    height: 100vh;
+    box-sizing: border-box;
+    padding: 0rpx 30rpx;
+
+    .p-tips {
+        height: 133rpx;
+        box-sizing: border-box;
+        padding: 24rpx 0;
+        font-size: 24rpx;
+        line-height: 33rpx;
+        color: #2263E6;
+        letter-spacing: 0.24rpx;
+    }
+
+    .p-list {
+        margin-top: 24rpx;
+    }
+
+    .p-item {
+        position: relative;
+        width: 690rpx;
+        height: 164rpx;
+        background-color: #fff;
+        box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 232, 232, 0.49);
+        border-radius: 10rpx;
+        box-sizing: border-box;
+        padding-left: 89rpx;
+        padding-top: 38rpx;
+        margin-bottom: 24rpx;
+
+        .p-item-icon {
+            position: absolute;
+            left: 19rpx;
+            top: 55rpx;
+            width: 56rpx;
+            height: 55rpx;
+            image {
+                display: block;
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        .p-item-title {
+            font-weight: bold;
+            font-size: 28rpx;
+            color: #333333;
+            line-height: 40rpx;
+            margin-bottom: 16rpx;
+        }
+
+        .p-item-content {
+            font-weight: 400;
+            font-size: 24rpx;
+            color: #666666;
+            line-height: 33rpx;
+        }
+
+        .p-item-btn {
+            position: absolute;
+            right: 20rpx;
+            top: 38rpx;
+            box-sizing: border-box;
+            display: flex;
+            align-items: center;
+
+            text {
+                font-size: 28rpx;
+                color: #999;
+                line-height: 40rpx;
+            }
+
+            image {
+                display: block;
+                width: 31rpx;
+                height: 30rpx;
+            }
+
+            &.p-item-btn-uncheck {
+                text {
+                    color: #333;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

subPackage/privacy/privacy.vue

+<template>
+  <view class="privacy-page">
+    <!-- 提示文案 -->
+    <view class="p-tips"
+      ><text
+        >为向您提供更优质的服务，多典花在特定场景可能向您申请一下手机系统权限</text
+      ></view
+    >
+    <!-- 隐私列表 -->
+    <view class="p-list">
+      <view
+        class="p-item"
+        v-for="(item, index) in list"
+        :key="index"
+        @click="JumpPermissionSetting"
+      >
+        <view class="p-item-icon">
+          <image :src="item.icon" mode="widthFix"></image>
+        </view>
+        <view class="p-item-title">
+          <text>{{ item.title }}</text>
+        </view>
+        <view class="p-item-content">
+          <text>{{ item.content }}</text>
+        </view>
+        <!-- 去设置 -->
+        <view v-if="item.status === 1" class="p-item-btn">
+          <text>{{ item.btn }}</text>
+          <image
+            src="https://ddh.yyhock.com/appStatic/i-arrow-gray.png"
+            mode="widthFix"
+          ></image>
+        </view>
+        <!-- 已允许 -->
+        <view v-else class="p-item-btn p-item-btn-uncheck">
+          <text>{{ item.btn }}</text>
+          <image
+            src="https://ddh.yyhock.com/appStatic/i-arrow-black.png"
+            mode="widthFix"
+          ></image>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: [
+        {
+          icon: "https://ddh.yyhock.com/appStatic/i-location.png",
+          title: "开启地理位置定位",
+          content: "为了向您提供扫码、拍照、身份验证服务",
+          btn: "去设置",
+          status: 0,
+        },
+        {
+          icon: "https://ddh.yyhock.com/appStatic/i-location.png",
+          title: "允许访问相机",
+          content: "为了向您提供扫码、拍照、身份验证服务",
+          btn: "去设置",
+          status: 0,
+        },
+        {
+          icon: "https://ddh.yyhock.com/appStatic/i-location.png",
+          title: "允许访问通讯录",
+          content: "为了方便您在使用授信服务时进行风险评估",
+          btn: "去设置",
+          status: 0,
+        },
+        {
+          icon: "https://ddh.yyhock.com/appStatic/i-location.png",
+          title: "允许访问相册",
+          content: "为便于您使用扫码、提交或发送指定图片等功能",
+          btn: "去设置",
+          status: 0,
+        },
+      ],
+    };
+  },
+  methods: {
+    JumpPermissionSetting() {
+      uni.openAppAuthorizeSetting({
+        success: function (res) {
+          console.log(res, "成功");
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style src="./privacy.less" lang="less"></style>