feat: 添加首页、关于我们页面及公共说明模块

新增首页和关于我们页面，包含公司介绍、团队优势展示和帮助中心功能
添加公共说明模块用于展示钱包说明、充值说明等文档内容
优化充值中心页面，增加返回按钮和导航栏样式
更新项目配置，关闭URL检查并添加tabBar配置
添加多张图片资源用于页面展示

app.json

@@ -1,17 +1,38 @@
 {
   "pages": [
+    "pages/home/index",
+    "pages/common_desc/index",
     "pages/zf_static/index",
-    "pages/webview/index",
     "pages/index/index",
+    "pages/webview/index",
     "pages/back_sand/back",
     "pages/zf/index"
   ],
   "window": {
     "backgroundTextStyle": "light",
     "navigationBarBackgroundColor": "#fff",
-    "navigationBarTitleText": "WeChat",
+    "navigationBarTitleText": "Mew喵呜",
     "navigationBarTextStyle": "black"
   },
-
+  "tabBar": {
+    "color": "#999999",
+    "selectedColor": "#7B68EE",
+    "backgroundColor": "#ffffff",
+    "borderStyle": "black",
+    "list": [
+      {
+        "pagePath": "pages/home/index",
+        "text": "首页",
+        "iconPath": "image/home.png",
+        "selectedIconPath": "image/home_active.png"
+      },
+      {
+        "pagePath": "pages/index/index",
+        "text": "关于我们",
+        "iconPath": "image/about.png",
+        "selectedIconPath": "image/about_active.png"
+      }
+    ]
+  },
   "sitemapLocation": "sitemap.json"
-}
+}

pages/common_desc/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "说明详情"
+}

pages/common_desc/index.wxml

@@ -0,0 +1,13 @@
+<view class="container">
+  <block wx:if="{{!image}}">
+    <view class="title">{{title}}</view>
+  </block>
+  <view class="content">
+    <block wx:if="{{image}}">
+      <image src="{{image}}" mode="widthFix" style="width: 100%; display: block;"></image>
+    </block>
+    <block wx:else>
+      <text user-select="true">{{content}}</text>
+    </block>
+  </view>
+</view>

pages/common_desc/index.wxss

@@ -0,0 +1,20 @@
+.container {
+  padding: 40rpx;
+  background-color: #fff;
+  min-height: 100vh;
+  display: block;
+}
+
+.title {
+  font-size: 32rpx;
+  font-weight: bold;
+  margin-bottom: 30rpx;
+  color: #333;
+}
+
+.content {
+  font-size: 28rpx;
+  line-height: 1.6;
+  color: #666;
+  text-align: justify;
+}

pages/home/index.js

@@ -0,0 +1,26 @@
+Page({
+  data: {
+
+  },
+  onLoad: function (options) {
+
+  },
+  navigateToOrder: function() {
+    wx.navigateTo({
+      url: '/pages/zf_static/index'
+    })
+  },
+  navigateToDesc: function(e) {
+    const type = e.currentTarget.dataset.type;
+    if (type) {
+      wx.navigateTo({
+        url: '../common_desc/index?type=' + type,
+        fail: function(err) {
+          console.error('页面跳转失败:', err);
+        }
+      })
+    } else {
+      console.warn('navigateToDesc: 缺少 type 参数');
+    }
+  }
+})

pages/home/index.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "Mew喵呜",
+  "navigationBarBackgroundColor": "#fff",
+  "navigationBarTextStyle": "black"
+}

pages/home/index.wxml

@@ -0,0 +1,43 @@
+<view class="container">
+  <!-- Top Background -->
+  <view class="top-bg"></view>
+
+  <!-- Title Section -->
+  <view class="title-section">
+    <view class="main-title">喵呜科技</view>
+    <view class="sub-title">致力于用声音链接世界，让每一个声音都能有所回应</view>
+  </view>
+
+  <!-- Order Center Button -->
+  <view class="order-btn-section">
+    <button class="order-btn" bindtap="navigateToOrder">订单中心</button>
+  </view>
+
+  <!-- Help Center -->
+  <view class="help-section">
+    <view class="section-title">帮助中心</view>
+    <view class="help-grid">
+      <view class="help-item" bindtap="navigateToDesc" data-type="wallet">
+        <image class="help-icon" src="/image/钱包说明.png"></image>
+        <text>钱包说明</text>
+      </view>
+      <view class="help-item" bindtap="navigateToDesc" data-type="recharge">
+        <image class="help-icon" src="/image/充值说明.png"></image>
+        <text>充值说明</text>
+      </view>
+      <view class="help-item" bindtap="navigateToDesc" data-type="rights">
+        <image class="help-icon" src="/image/权益保护.png"></image>
+        <text>权益保护</text>
+      </view>
+      <view class="help-item" bindtap="navigateToDesc" data-type="copyright">
+        <image class="help-icon" src="/image/版权投诉.png"></image>
+        <text>版权投诉</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- Banner -->
+  <view class="banner-section" bindtap="navigateToDesc" data-type="clean_net">
+      <image class="banner-img" src="https://vonf.oss-cn-beijing.aliyuncs.com/67440758.png" mode="widthFix"></image>
+    </view>
+</view>

pages/home/index.wxss

@@ -0,0 +1,130 @@
+page {
+  background-color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
+    Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB",
+    "Microsoft Yahei", sans-serif;
+}
+
+.container {
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  position: relative; /* Ensure absolute children are relative to this or use page */
+}
+
+.top-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 290px; /* Reduced height */
+  background: linear-gradient(180deg, #9f7fff 0%, #7b68ee 100%);
+  z-index: 0;
+}
+
+.title-section {
+  margin-top: 40px;
+  margin-bottom: 60px;
+  position: relative;
+  z-index: 1;
+}
+
+.main-title {
+  font-size: 28px;
+  font-weight: 500;
+  color: #fff;
+  margin-bottom: 20px;
+}
+
+.sub-title {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 1.6;
+}
+
+.order-btn-section {
+  margin-bottom: 60px;
+  position: relative;
+  z-index: 1;
+}
+
+.order-btn {
+  background-color: #fff;
+  color: #7b68ee; /* Theme purple */
+  font-weight: 600;
+  border: none;
+  height: 56px;
+  line-height: 56px;
+  font-size: 18px;
+  border-radius: 28px; /* Fully rounded */
+  width: 180px;
+  box-shadow: 0 8px 20px rgba(123, 104, 238, 0.2); /* Soft purple shadow */
+  position: relative;
+  overflow: hidden;
+}
+
+.order-btn::after {
+  border: none;
+}
+
+.order-btn:active {
+  transform: scale(0.98);
+  box-shadow: 0 4px 10px rgba(123, 104, 238, 0.15);
+  background-color: #fcfcfc;
+}
+
+.help-section {
+  margin-bottom: 10px;
+}
+
+.section-title {
+  font-size: 18px;
+  color: #333;
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+.help-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.help-item {
+  width: 48%;
+  background-color: #fff;
+  border: 1px solid #eee;
+  border-radius: 12px;
+  padding: 20px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 15px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
+}
+
+.help-icon {
+  width: 36px;
+  height: 36px;
+  margin-right: 10px;
+}
+
+.help-item text {
+  font-size: 16px;
+  color: #333;
+}
+
+.banner-section {
+  width: 100%;
+  margin-top: -10px; /* Pull banner up */
+  margin-bottom: 20px;
+  position: relative;
+  z-index: 1;
+}
+
+.banner-img {
+  width: 100%;
+  border-radius: 12px;
+}

pages/index/index.json

@@ -1,3 +1,4 @@
 {
+  "navigationBarTitleText": "关于我们",
   "usingComponents": {}
 }

pages/index/index.wxml

@@ -1,34 +1,31 @@
+<view class="container">
+  <!-- Top Background -->
+  <view class="top-bg"></view>
 
-<view class='product-bg'>
-        <swiper  indicator-dots="{{indicatorDots}}"
-            autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" bindchange="change">
-           
-              <swiper-item>
-                <image  mode="aspectFill" src="/image/index-banner.png" class="slide-image"/>
-              </swiper-item>
-           
-        </swiper>
-         <view class="mylogog">
-          <image src="/image/logo.png" class='mylogo' mode="aspectFill"></image>
-         </view>
-          <view class="sss">MewLive</view>
-          <view class="ssss">喵呜（海南）科技有限公司</view>
-         <view class="mgfirst">
-         <view class="mgtext">联系我们</view>
-         </view>
-         <view class="divLine"></view>  
-          <view class="mg">
-         <view class="mgtext">联系地址: 海南省黎安镇陵水黎安国际教育创新试验区大学生活动中心1楼A138号</view>
-         </view>
-          <view class="mg">
-         <view class="mgtext">客服电话: 15643956189</view>
-         </view>
-          <view class="mg">
-         <view class="mgtext">邮箱地址: mewchat@163.com</view>
-         </view>
-          <view class="mg">
-         <view class="mgtext">微信公众号: MewLive</view>
-         </view>
-</view>
+  <!-- Intro Text -->
+  <view class="intro-section">
+    <text class="intro-text">喵呜科技是一家致力于“去视觉化”声音社交应用的互联网科技公司。我们强调让每个用户的声音都被听见，愿景成为全球领先的情感连接器，让每一个声音都找到温暖的回应，开启语音社交的无限可能，不断地突破娱乐化社交的边界。</text>
+  </view>
 
- <!-- <web-view src="{{url}}"></web-view> -->
+  <!-- Team Advantage -->
+  <view class="team-section">
+    <view class="section-header">
+      <text class="section-title">团队优势</text>
+    </view>
+
+    <view class="advantage-list">
+      <view class="advantage-item">
+        <image class="adv-icon" src="/image/创新.png" mode="aspectFit"></image>
+        <text class="adv-text">持续探索创新</text>
+      </view>
+      <view class="advantage-item">
+        <image class="adv-icon" src="/image/服务.png" mode="aspectFit"></image>
+        <text class="adv-text">实时互动服务</text>
+      </view>
+      <view class="advantage-item">
+        <image class="adv-icon" src="/image/用户.png" mode="aspectFit"></image>
+        <text class="adv-text">坚持用户为本</text>
+      </view>
+    </view>
+  </view>
+</view>

pages/index/index.wxss

@@ -1,67 +1,89 @@
-/**index.wxss**/
-.userinfo {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+page {
+  background-color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
+    Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB",
+    "Microsoft Yahei", sans-serif;
 }
-.product-bg{width:100%;height:300rpx;position:absolute;}
-.product-bg swiper{width:100%;height:300rpx;position:relative;}
-.product-bg .slide-image{width:100%;height:300rpx;}
-.product-bg .pages{position:absolute;background-color:#fff;height:34rpx;padding:0 10rpx;border-radius:3rpx;right:30rpx;bottom:30rpx;line-height:34rpx;font-size:24rpx;color:#050505;}
-.product-bg .mylogog .mylogo{
-  width: 180rpx;
-  height: 180rpx;
-  border-radius: 50%;
-}
-.product-bg .mylogog{
-  border-radius: 50%;
-  background-color:#fff;
-  position:absolute;
-  z-index: 2;
-  width: 180rpx;
-  height: 180rpx;
-  left: 285rpx;
-  top: 210rpx;
-  overflow: hidden;
-  box-shadow: 0 4rpx 8rpx rgba(0,0,0,0.1);
+
+.container {
+  padding: 24px;
+  position: relative;
 }
 
-.userinfo-avatar {
-  width: 128rpx;
-  height: 128rpx;
-  margin: 20rpx;
-  border-radius: 50%;
+.top-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 220px;
+  background: linear-gradient(180deg, #9f7fff 0%, #7b68ee 100%);
+  z-index: 0;
 }
-.mg{
-  width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;align-items: center;
+
+.intro-section {
+  margin-top: 20px;
+  margin-bottom: 40px;
+  position: relative;
+  z-index: 1;
 }
-.mgfirst{
-  width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;margin-top: 60rpx;align-items: center;
+
+.intro-text {
+  font-size: 14px;
+  color: #fff;
+  line-height: 1.8;
+  text-align: justify;
 }
-.mgtext{
-  padding-left: 20rpx;
+
+.team-section {
+  width: 100%;
+  margin-top: 40px;
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
 }
-.divLine{
- background: #aaa;margin-right: 5%;margin-left: 5%;
- width: 90%;
- height: 5rpx;
+
+.section-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding-bottom: 12px;
+  margin-bottom: 24px;
 }
-.userinfo-nickname {
-  color: #aaa;
+
+.section-title {
+  font-size: 18px;
+  color: #333;
+  font-weight: 500;
 }
 
-.usermotto {
-  margin-top: 200px;
+.advantage-list {
+  display: flex;
+  flex-direction: column;
 }
-.sss{
-  font-size:40rpx;color: #1a1717;
-  position:relative;display:block;margin-left:auto;margin-right:auto;padding:50rpx 10rpx 10rpx 10rpx;text-align:center;margin-top: 30rpx;
+
+.advantage-item {
+  width: 100%;
+  background-color: #fff;
+  border: 1px solid #eee;
+  border-radius: 12px;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin-bottom: 15px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
+  box-sizing: border-box;
 }
-.ssss{
-  font-size:30rpx;color: #1a1717;
-  position:relative;display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;
+
+.adv-icon {
+  width: 24px;
+  height: 24px;
+  margin-right: 12px;
 }
-.weui-btn{position:relative;display:block;width:184px;margin-left:auto;margin-right:auto;padding:8px 24px;box-sizing:border-box;font-weight:700;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:4px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui-btn_block{width:auto}.weui-btn_inline{display:inline-block}
-.images{
-  width:250rpx;height:250rpx;
+
+.adv-text {
+  font-size: 16px;
+  color: #333;
 }

pages/zf_static/index.js

@@ -34,6 +34,12 @@ Page({
     })
   },
 
+  handleBack() {
+    wx.navigateBack({
+      delta: 1
+    })
+  },
+
   showAgreement() {
     this.setData({ agreementVisible: true })
   },

pages/zf_static/index.wxml

@@ -1,6 +1,11 @@
 <view class="container">
-  <!-- Header Title -->
-  <view class="header-title">MewLive充值中心</view>
+  <!-- Custom Navigation Bar -->
+  <view class="custom-nav">
+    <view class="back-btn" bindtap="handleBack">
+      <view class="back-arrow"></view>
+    </view>
+    <view class="nav-title">MewLive充值中心</view>
+  </view>
 
   <!-- Logo -->
   <view class="logo-section">

pages/zf_static/index.wxss

@@ -1,6 +1,8 @@
 page {
-  background-color: #F5F7FA;
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  background-color: #f5f7fa;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
+    Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB",
+    "Microsoft Yahei", sans-serif;
 }
 
 .container {
@@ -9,13 +11,44 @@ page {
   box-sizing: border-box;
 }
 
-.header-title {
+.custom-nav {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  height: 44px;
+  margin-top: 30px; /* Approximate status bar height */
+  margin-bottom: 20px;
+  position: relative;
+}
+
+.back-btn {
+  position: absolute;
+  left: 0;
+  padding: 10px; /* Increase touch area */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10;
+}
+
+.back-arrow {
+  width: 10px;
+  height: 10px;
+  border-left: 2px solid #333;
+  border-bottom: 2px solid #333;
+  transform: rotate(45deg);
+}
+
+.nav-title {
+  flex: 1;
   text-align: center;
   font-size: 18px;
   font-weight: 500;
   color: #000;
-  margin-bottom: 20px;
-  margin-top: 10px;
+}
+
+.header-title {
+  display: none; /* Hide old title class if referenced elsewhere */
 }
 
 .logo-section {
@@ -45,13 +78,13 @@ page {
   border-radius: 12px;
   padding: 20px 16px;
   margin-bottom: 24px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
 }
 
 .id-input {
   width: 100%;
   height: 48px;
-  background-color: #F5F7FA;
+  background-color: #f5f7fa;
   border-radius: 8px;
   padding: 0 16px;
   box-sizing: border-box;
@@ -92,8 +125,8 @@ page {
 }
 
 .recharge-item.active {
-  border-color: #7B68EE;
-  background-color: #F8F6FF;
+  border-color: #7b68ee;
+  background-color: #f8f6ff;
 }
 
 .coin-icon {
@@ -124,7 +157,7 @@ page {
 }
 
 .login-btn {
-  background: linear-gradient(90deg, #9F7FFF, #7B68EE);
+  background: linear-gradient(90deg, #9f7fff, #7b68ee);
   color: white;
   border: none;
   height: 48px;
@@ -142,7 +175,7 @@ page {
 }
 
 .link {
-  color: #7B68EE;
+  color: #7b68ee;
 }
 
 .tips-section {

project.private.config.json

@@ -1,7 +1,7 @@
 {
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
   "setting": {
-    "urlCheck": true,
+    "urlCheck": false,
     "compileHotReLoad": true,
     "coverView": true,
     "lazyloadPlaceholderEnable": false,