init

pages/subpages/services/problem/problem.js

@@ -0,0 +1,37 @@
+Page({
+  data: {
+    title: '问题解决服务',
+    description: '提供专业的1对1远程技术支持，帮您解决项目中遇到的BUG和运行错误。'
+  },
+
+  onShareAppMessage() {
+    return new Promise((resolve) => {
+      wx.showLoading({
+        title: '生成分享图片...'
+      });
+      // 获取页面截图
+      wx.createSelectorQuery()
+        .select('.content')
+        .fields({
+          size: true,
+          scrollOffset: true
+        })
+        .exec((res) => {
+          wx.hideLoading();
+          resolve({
+            title: this.data.title,
+            path: '/pages/subpages/services/problem/problem',
+            imageUrl: ''  // 微信会自动使用页面截图
+          });
+        });
+    });
+  },
+
+  onShareTimeline() {
+    return {
+      title: this.data.title,
+      query: '',
+      imageUrl: ''  // 微信会自动使用页面截图
+    }
+  }
+}) 

pages/subpages/services/problem/problem.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index",
+    "van-icon": "@vant/weapp/icon/index"
+  }
+}

pages/subpages/services/problem/problem.wxml

@@ -0,0 +1,23 @@
+<view class="container">
+  <view class="content">
+    <text class="title">问题解决服务</text>
+    <text class="description">
+    <text>服务介绍</text>
+    1.购买本服务后可以联系我们指派专人远程1对1为你解决学习项目过程中遇到的BUG或运行错误
+    2.本服务为一次性服务，问题解决完之后服务终止  
+    3.购买本服务一次只能解决一个问题，不支持多个问题累加
+    4.项目问题限定本平台内购买的教程或源码，不支持站外代码问题解决
+    5.请事先下载好远程工具 Todesk（https://www.todesk.com），方便我们远程连接你
+    </text>
+    <text class="note">服务费用：¥50</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/problem/problem.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);
+}