Initial commit

miniprogram/pages/user-agreement/index.js

@@ -0,0 +1,73 @@
+// pages/user-agreement/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    // 设置导航栏标题
+    wx.setNavigationBarTitle({
+      title: '用户协议'
+    });
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+    // 停止下拉刷新
+    wx.stopPullDownRefresh();
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+    return {
+      title: '用户协议',
+      path: '/pages/user-agreement/index'
+    };
+  }
+});

miniprogram/pages/user-agreement/index.json

@@ -0,0 +1,8 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "用户协议",
+  "navigationBarBackgroundColor": "#667eea",
+  "navigationBarTextStyle": "white",
+  "backgroundColor": "#f8f9fa",
+  "enablePullDownRefresh": false
+}

miniprogram/pages/user-agreement/index.wxml

@@ -0,0 +1,144 @@
+<!--pages/user-agreement/index.wxml-->
+<view class="container">
+  <view class="header">
+    <text class="title">用户协议</text>
+  </view>
+  
+  <scroll-view class="content" scroll-y="true" enhanced="true" show-scrollbar="true">
+    <view class="agreement-content">
+      <view class="section">
+        <text class="section-title">一、服务条款</text>
+        <text class="section-content">
+欢迎使用我们的小程序！在使用本服务前，请您仔细阅读并充分理解本协议各条款。您的注册、登录、使用等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。
+
+本协议是您与本平台之间关于使用本服务所订立的协议。本协议具有法律效力，请您务必审慎阅读、充分理解各条款内容。
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">二、服务内容</text>
+        <text class="section-content">
+本小程序为用户提供在线购物、商品浏览、订单管理、支付结算等电商服务。具体包括但不限于：
+
+1. 商品展示和搜索服务
+2. 在线下单和支付服务
+3. 订单跟踪和管理服务
+4. 客户服务和售后支持
+5. 用户账户管理服务
+6. 其他相关增值服务
+
+我们有权根据业务发展需要，对服务内容进行调整、升级或终止，并会提前通知用户。
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">三、用户权利与义务</text>
+        <text class="section-content">
+3.1 用户权利：
+- 您有权享受本平台提供的各项服务
+- 您有权对服务质量进行监督和建议
+- 您有权要求保护个人隐私和信息安全
+- 您有权按照平台规则享受优惠和促销活动
+- 您有权对不满意的商品申请退换货
+
+3.2 用户义务：
+- 您应当提供真实、准确、完整的个人信息
+- 您应当妥善保管账户信息，对账户下的行为承担责任
+- 您不得利用本平台从事违法违规活动
+- 您应当遵守平台的各项规则和政策
+- 您应当及时更新个人信息，确保信息的时效性
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">四、平台权利与义务</text>
+        <text class="section-content">
+4.1 平台权利：
+- 我们有权对违规用户进行警告、限制或封禁处理
+- 我们有权根据法律法规要求提供用户信息
+- 我们有权对服务条款进行修改和更新
+- 我们有权对异常交易进行风险控制
+
+4.2 平台义务：
+- 我们承诺保护用户合法权益
+- 我们将持续改进服务质量
+- 我们将保护用户个人信息安全
+- 我们将提供及时的客户服务支持
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">五、交易规则</text>
+        <text class="section-content">
+5.1 商品信息
+平台上的商品信息由商家提供，我们会尽力确保信息的准确性，但不对信息的完全准确性承担责任。
+
+5.2 订单处理
+用户下单后，我们将按照订单信息进行处理。如遇商品缺货等情况，我们会及时通知用户并协商解决方案。
+
+5.3 支付方式
+我们支持多种安全的支付方式，包括微信支付、支付宝等。所有支付过程均采用加密技术保护。
+
+5.4 配送服务
+我们与专业的物流公司合作，为用户提供安全、快捷的配送服务。配送时间可能因地区和天气等因素有所差异。
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">六、知识产权</text>
+        <text class="section-content">
+本平台的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、版面设计等，均受知识产权法律保护。未经授权，任何人不得复制、传播、展示、镜像、上传、下载使用。
+
+用户在使用本服务时上传的内容，应确保不侵犯他人的知识产权。如因用户上传内容导致的知识产权纠纷，由用户承担全部责任。
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">七、免责声明</text>
+        <text class="section-content">
+在法律允许的范围内，本平台对以下情况不承担责任：
+
+1. 因不可抗力导致的服务中断或延迟
+2. 因用户设备或网络问题导致的使用障碍
+3. 因第三方原因导致的损失
+4. 因用户违规使用导致的后果
+5. 其他非本平台过错导致的损失
+
+本平台的责任限于提供平台服务，对于商品质量、交易纠纷等问题，主要由买卖双方协商解决。
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">八、协议修改</text>
+        <text class="section-content">
+我们保留随时修改本协议的权利。协议修改后，我们会在平台显著位置公布修改内容。如果您不同意修改后的协议，可以停止使用本服务。如果您继续使用本服务，则视为接受修改后的协议。
+
+重大协议修改会提前30天通知用户，一般性修改会提前7天通知。
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">九、争议解决</text>
+        <text class="section-content">
+本协议的签订、履行、解释及争议解决均适用中华人民共和国法律。
+
+如发生争议，双方应首先通过友好协商解决。协商不成的，任何一方均可向本平台所在地有管辖权的人民法院提起诉讼。
+        </text>
+      </view>
+
+      <view class="section">
+        <text class="section-title">十、联系方式</text>
+        <text class="section-content">
+如果您对本协议有任何疑问或建议，请通过以下方式联系我们：
+
+客服电话：400-123-4567
+客服邮箱：service@example.com
+客服时间：周一至周日 9:00-21:00
+公司地址：北京市朝阳区xxx街道xxx号
+
+本协议自发布之日起生效。
+        </text>
+      </view>
+    </view>
+  </scroll-view>
+</view>

miniprogram/pages/user-agreement/index.wxss

@@ -0,0 +1,128 @@
+/* pages/user-agreement/index.wxss */
+.container {
+  height: 100vh;
+  background-color: #f8f9fa;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 60rpx 40rpx 40rpx;
+  text-align: center;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+}
+
+.title {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: white;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+}
+
+.content {
+  flex: 1;
+  padding: 0;
+  margin: 0;
+}
+
+.agreement-content {
+  padding: 40rpx;
+  background: white;
+  margin: 20rpx;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.1);
+}
+
+.section {
+  margin-bottom: 50rpx;
+  padding-bottom: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.section:last-child {
+  border-bottom: none;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+.section-title {
+  display: block;
+  font-size: 34rpx;
+  font-weight: bold;
+  color: #2c3e50;
+  margin-bottom: 24rpx;
+  padding: 16rpx 24rpx;
+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+  color: white;
+  border-radius: 12rpx;
+  text-align: center;
+  box-shadow: 0 4rpx 12rpx rgba(240, 147, 251, 0.3);
+}
+
+.section-content {
+  display: block;
+  font-size: 28rpx;
+  line-height: 2;
+  color: #555;
+  white-space: pre-line;
+  text-align: justify;
+  padding: 20rpx 0;
+}
+
+/* 滚动条样式 */
+.content::-webkit-scrollbar {
+  width: 6rpx;
+}
+
+.content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3rpx;
+}
+
+.content::-webkit-scrollbar-thumb {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 3rpx;
+}
+
+.content::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
+}
+
+/* 响应式设计 */
+@media (max-width: 750rpx) {
+  .agreement-content {
+    margin: 10rpx;
+    padding: 30rpx;
+  }
+  
+  .section-title {
+    font-size: 32rpx;
+    padding: 14rpx 20rpx;
+  }
+  
+  .section-content {
+    font-size: 26rpx;
+    line-height: 1.8;
+  }
+}
+
+/* 深色模式适配 */
+@media (prefers-color-scheme: dark) {
+  .container {
+    background-color: #1a1a1a;
+  }
+  
+  .agreement-content {
+    background: #2d2d2d;
+    color: #e0e0e0;
+  }
+  
+  .section-content {
+    color: #ccc;
+  }
+  
+  .section {
+    border-bottom-color: #404040;
+  }
+}