From 4615683f04c0acc3636e79990867390e89558698 Mon Sep 17 00:00:00 2001
From: yuanlei <18627959669@163.com>
Date: Fri, 18 Jul 2025 17:02:00 +0800
Subject: [PATCH] 1

---
 pages/setting/about.vue   |  89 +++++++++++++++-------------
 pages/setting/contact.vue | 148 ++++++++++++++++++++++------------------------
 pages/setting/setting.vue | 141 +++++++++++++++++++++----------------------
 3 files changed, 190 insertions(+), 188 deletions(-)

diff --git a/pages/setting/about.vue b/pages/setting/about.vue
index 48abcc1..77474b6 100644
--- a/pages/setting/about.vue
+++ b/pages/setting/about.vue
@@ -1,44 +1,49 @@
 <template>
-	<view class="nine-content-001">
-		<view class="text-center ptb120">
-			<image class="image150" src="/static/image/app.png" mode="scaleToFill" ></image>
-			<view class="font-bold font-size20 mt10">
-				九云 IM Demo
-			</view>
-		</view>
-		<view class="nine-nav-001">
-			<view class="nine-nav-001-item ma10 ptb25">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">下载APP</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
-					</image>
-				</view>
-			</view>
-			<view class="nine-nav-001-item ma10 ptb25">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">更新日志</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
-					</image>
-				</view>
-			</view>
-		</view>
-		<view class="ptb30">
-			<view class="text-center color-blue font-size15">
-				九云科技有限公司《服务协议》
-			</view>
-			<view class="text-center font-size15">
-				九云科技 版权所有
-			</view>
-			<view class="text-center font-size15">
-				Copyright © 2024-2031 NineCloud.
-			</view>
-			<view class="text-center font-size15">
-				All Rights Reserved
-			</view>
-		</view>
-	</view>
+  <view class="nine-content-001">
+    <view class="text-center ptb120">
+      <image class="image150" :src="logoUrl" mode="scaleToFill" ></image>
+      <view class="font-bold font-size20 mt10">
+        {{ title }}
+      </view>
+    </view>
+    <view class="nine-nav-001">
+      <!--#ifdef H5-->
+      <view class="nine-nav-001-item ma10 ptb25">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">下载APP</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
+          </image>
+        </view>
+      </view>
+      <!--#endif-->
+      <view class="nine-nav-001-item ma10 ptb25">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">更新日志</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
+          </image>
+        </view>
+      </view>
+    </view>
+    <view class="ptb30">
+      <view class="text-center color-blue font-size15">
+        九云科技有限公司《服务协议》
+      </view>
+      <view class="text-center font-size15">
+        九云科技 版权所有
+      </view>
+      <view class="text-center font-size15">
+        Copyright © 2024-2031 NineCloud.
+      </view>
+      <view class="text-center font-size15">
+        All Rights Reserved
+      </view>
+      <view class="text-center color-blue font-size15">
+        建议与反馈
+      </view>
+    </view>
+  </view>
 </template>
diff --git a/pages/setting/contact.vue b/pages/setting/contact.vue
index 0064bc0..59d83f2 100644
--- a/pages/setting/contact.vue
+++ b/pages/setting/contact.vue
@@ -1,81 +1,77 @@
 <template>
-	<view class="nine-content-001">
-		<view class="text-center ptb120">
-			<image class="image400" :src="wechatUrl" mode="scaleToFill" ></image>
-			<view class="font-size18 mt10">
-				微信账号：{{ wechatAccount }}
-			</view>
-		</view>
-		<view class="nine-nav-001">
-			<view class="nine-nav-001-item ma10 ptb25">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">联系人</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<text class="nine-nav-001-item-left-text">袁先生</text>
-				</view>
-			</view>
-			<view class="nine-nav-001-item ma10 ptb25">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">联系电话</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<text class="nine-nav-001-item-left-text color-blue" @click="callPhone('18627959669')">18627959669</text>
-				</view>
-			</view>
-			<view class="nine-nav-001-item ma10 ptb25">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">微信号</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<text class="nine-nav-001-item-left-text">18627959669</text>
-				</view>
-			</view>
-			<view class="nine-nav-001-item ma10 ptb25">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">邮箱账号</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<text class="nine-nav-001-item-left-text">18627959669@163.com</text>
-				</view>
-			</view>
-		</view>
-		<view class="ptb30">
-			<view class="text-center color-blue font-size15">
-				九云科技有限公司《服务协议》
-			</view>
-			<view class="text-center font-size15">
-				九云科技 版权所有
-			</view>
-			<view class="text-center font-size15">
-				Copyright © 2024-2031 NineCloud.
-			</view>
-			<view class="text-center font-size15">
-				All Rights Reserved
-			</view>
-		</view>
-	</view>
+  <view class="nine-content-001">
+    <view class="text-center ptb120">
+      <image class="image400" :src="url" mode="scaleToFill" ></image>
+      <view class="font-size18 mt10">微信账号：{{account}}</view>
+    </view>
+    <view class="nine-nav-001">
+      <view class="nine-nav-001-item ma10 ptb25">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">联系人</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <text class="nine-nav-001-item-left-text">{{name}}</text>
+        </view>
+      </view>
+      <view class="nine-nav-001-item ma10 ptb25">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">联系电话</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <text class="nine-nav-001-item-left-text color-blue" @click="callPhone(phone)">{{phone}}</text>
+        </view>
+      </view>
+      <view class="nine-nav-001-item ma10 ptb25">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">微信号</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <text class="nine-nav-001-item-left-text">{{phone}}</text>
+        </view>
+      </view>
+      <view class="nine-nav-001-item ma10 ptb25">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">邮箱账号</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <text class="nine-nav-001-item-left-text">{{mail}}</text>
+        </view>
+      </view>
+    </view>
+    <view class="ptb30">
+      <view class="text-center color-blue font-size15">
+        九云科技有限公司《服务协议》
+      </view>
+      <view class="text-center font-size15">
+        九云科技 版权所有
+      </view>
+      <view class="text-center font-size15">
+        Copyright © 2024-2031 NineCloud.
+      </view>
+      <view class="text-center font-size15">
+        All Rights Reserved
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				wechatUrl: "https://fs.ninecloud.top/uniapp/unine/vrapile.png",
-				wechatAccount: "Vrapile",
-			};
-		},
-		onLoad() {
-		},
-		onShow(){
-		},
-		methods: {
-			callPhone(phoneNumber) {
-				uni.makePhoneCall({
-					phoneNumber: phoneNumber
-				});
-			}
-		}
-		
-	};
+  export default {
+    data() {
+      return {
+        url: import.meta.env.VITE_APP_CONTACT_QRCODE,
+        name: import.meta.env.VITE_APP_CONTACT_NAME,
+        account: import.meta.env.VITE_APP_CONTACT_ACOUNT,
+        phone: import.meta.env.VITE_APP_CONTACT_PHONE,
+        mail: import.meta.env.VITE_APP_CONTACT_MAIL,
+      };
+    },
+    methods: {
+      callPhone(phoneNumber) {
+        uni.makePhoneCall({
+          phoneNumber: phoneNumber
+        });
+      }
+    }
+  };
 </script>
diff --git a/pages/setting/setting.vue b/pages/setting/setting.vue
index 28ef981..95eb263 100644
--- a/pages/setting/setting.vue
+++ b/pages/setting/setting.vue
@@ -1,75 +1,76 @@
 <template>
-	<view class="nine-content-001">
-		<!-- 功能列表 -->
-		<view class="nine-nav-001"><view class="nine-nav-001-item mt10">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">公告中心</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
-					</image>
-				</view>
-			</view>
-			<view v-if="userInfo.userId" class="nine-nav-001-item mt10">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">修改密码</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
-					</image>
-				</view>
-			</view>
-			<view class="nine-nav-001-item mt10" @click="openUrl('/pages/setting/contact')">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">联系我们</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
-					</image>
-				</view>
-			</view>
-			<view class="nine-nav-001-item">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">清空缓存</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
-					</image>
-				</view>
-			</view>
-			<view class="nine-nav-001-item" @click="openUrl('/pages/setting/about')">
-				<view class="nine-nav-001-item-left">
-					<text class="nine-nav-001-item-left-text">关于</text>
-				</view>
-				<view class="nine-nav-001-item-right">			
-					<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
-					</image>
-				</view>
-			</view>
-			<view v-if="userInfo.userId" class="nine-btn-login-out-001 mt50" @click="logoutClick">
-				退出登录
-			</view>
-		</view>
-	</view>
+  <view class="nine-content-001">
+    <!-- 功能列表 -->
+    <view class="nine-nav-001">
+      <view class="nine-nav-001-item mt10">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">公告中心</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
+          </image>
+        </view>
+      </view>
+      <view v-if="userInfo.userId" class="nine-nav-001-item mt10">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">修改密码</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
+          </image>
+        </view>
+      </view>
+      <view class="nine-nav-001-item mt10" @click="openUrl('/pages/setting/contact')">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">联系我们</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
+          </image>
+        </view>
+      </view>
+      <view class="nine-nav-001-item">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">清空缓存</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
+          </image>
+        </view>
+      </view>
+      <view class="nine-nav-001-item" @click="openUrl('/pages/setting/about')">
+        <view class="nine-nav-001-item-left">
+          <text class="nine-nav-001-item-left-text">关于</text>
+        </view>
+        <view class="nine-nav-001-item-right">      
+          <image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
+          </image>
+        </view>
+      </view>
+      <view v-if="userInfo.userId" class="nine-btn-login-out-001 mt50" @click="logoutClick">
+        退出登录
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	import store from '@/store'
-	export default {
-		data() {
-			return {
-				userInfo: {},
-			};
-		},	
-		onShow(){
-			this.userInfo = this.$store.state.user.userInfo;
-		},
-		methods: {
-			logoutClick() {
-				this.$store.dispatch('LogOut').then(res => {
-					this.reLaunchLogin();
-				})
-			}
-		}
-	};
+  import store from '@/store'
+  export default {
+    data() {
+      return {
+        userInfo: {},
+      };
+    },  
+    onShow(){
+      this.userInfo = this.$store.state.user.userInfo;
+    },
+    methods: {
+      logoutClick() {
+        this.$store.dispatch('LogOut').then(res => {
+          this.reLaunchLogin();
+        })
+      }
+    }
+  };
 </script>