init

pages/subpages/services/code/code.js

@@ -0,0 +1,47 @@
+Page({
+  data: {
+    // 页面数据
+  },
+
+  onLoad() {
+    // 页面加载时的逻辑
+  },
+
+  contactService() {
+    wx.showModal({
+      title: '联系客服',
+      content: '请添加客服微信：XXXXX（替换为实际客服微信号）',
+      showCancel: false,
+      success(res) {
+        if (res.confirm) {
+          // 可以在这里添加复制微信号到剪贴板的功能
+          wx.setClipboardData({
+            data: 'XXXXX',
+            success(res) {
+              wx.showToast({
+                title: '微信号已复制',
+                icon: 'success'
+              });
+            }
+          });
+        }
+      }
+    });
+  },
+
+  onShareAppMessage() {
+    return {
+      title: '代码讲解服务 - 专业的代码解析与讲解',
+      path: '/pages/subpages/services/code/code',
+      imageUrl: ''  // 微信会自动使用页面截图
+    };
+  },
+
+  onShareTimeline() {
+    return {
+      title: '代码讲解服务 - 专业的代码解析与讲解',
+      query: '',
+      imageUrl: ''  // 微信会自动使用页面截图
+    };
+  }
+}); 

pages/subpages/services/code/code.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/subpages/services/code/code.wxml

@@ -0,0 +1,36 @@
+<view class="container">
+  <view class="content">
+    <text class="title">代码讲解服务</text>
+    <text class="description">
+    <text>一、服务内容</text>
+    我们提供专业的代码讲解服务，帮助您深入理解项目代码的实现原理和最佳实践。通过详细的代码解析和实例讲解，让您掌握核心开发技能。
+    <text>二、服务项目</text>
+    1. 代码结构解析：深入分析项目架构和代码组织
+    2. 核心功能讲解：详细讲解关键功能的实现原理
+    3. 疑难问题解答：解答您在开发过程中遇到的问题
+    4. 代码优化建议：提供专业的代码优化方案
+    <text>三、服务流程</text>
+    1. 需求沟通：了解您的具体需求和关注点
+    2. 代码分析：对项目代码进行全面分析
+    3. 讲解实施：根据分析结果进行针对性讲解
+    4. 答疑解惑：解答您在理解过程中的疑问
+    <text>四、服务优势</text>
+    1. 专业的技术团队：拥有多年开发经验的技术专家
+    2. 深入浅出的讲解：用通俗易懂的方式讲解技术难点
+    3. 实战经验分享：分享实际项目中的最佳实践
+    4. 持续的技术支持：提供长期的技术咨询和指导
+    <text>五、服务承诺</text>
+    我们承诺提供专业、耐心、细致的代码讲解服务，确保您能够真正理解代码的实现原理，掌握开发技能。
+    </text>
+    <text class="note">服务费用：¥200/小时</text>
+    <text class="node1">购买代码讲解服务请长按二维码添加微信（forfeastcoding），备注小程序</text>
+    <image class="qrcode" src="../../../../static/tabbar/qrcode.jpg" show-menu-by-longpress="true"></image>
+  </view>
+  
+  <view class="article-action">
+    <button class="share-btn" size="mini" open-type="share" plain="true">
+      <van-icon name="guide-o" />
+      <text>分享</text>
+    </button>
+  </view>
+</view> 

pages/subpages/services/code/code.wxss

@@ -0,0 +1,99 @@
+.container {
+  min-height: 100vh;
+  background-color: #fff;
+  padding: 30rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  flex: 1;
+  padding-bottom: 140rpx;
+}
+
+.title {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #333;
+  display: block;
+  margin-bottom: 40rpx;
+  text-align: center;
+}
+
+.description {
+  font-size: 28rpx;
+  color: #666;
+  line-height: 2;
+  white-space: pre-wrap;
+  margin-bottom: 30rpx;
+  padding: 0 20rpx;
+}
+
+.description text {
+  font-weight: bold;
+  display: block;
+  margin-top: -30rpx;
+  margin-bottom: -30rpx;
+}
+
+.article-action {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100rpx;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 30rpx;
+  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+.share-btn {
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+  padding: 0 30rpx !important;
+  font-size: 17px !important;
+  color: #666 !important;
+  border: none !important;
+}
+
+.share-btn van-icon {
+  font-size: 22px;
+}
+
+.share-btn text {
+  margin-left: 4rpx;
+}
+
+.note {
+  display: block;
+  font-size: 28rpx;
+  color: rgb(6, 80, 240);
+  margin: 20rpx 0;
+  padding: 20rpx;
+  background: rgba(6, 80, 240, 0.05);
+  border-radius: 12rpx;
+  text-align: center;
+  font-weight: bold;
+}
+
+.node1 {
+  margin-top: 30rpx;
+  font-size: 26rpx;
+  color: rgb(252, 7, 7);
+  display: block;
+  text-align: center;
+  line-height: 1.6;
+}
+
+.qrcode {
+  margin: 20rpx auto;
+  height: 300rpx;
+  width: 300rpx;
+  display: block;
+  border-radius: 12rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+}