init

pages/subpages/services/custom/custom.js

@@ -0,0 +1,37 @@
+Page({
+  data: {
+    title: '项目定制服务',
+    description: '提供专业的项目定制开发服务，包括需求分析、开发实现、环境部署和售后服务的一站式解决方案。'
+  },
+
+  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/custom/custom',
+            imageUrl: ''  // 微信会自动使用页面截图
+          });
+        });
+    });
+  },
+
+  onShareTimeline() {
+    return {
+      title: this.data.title,
+      query: '',
+      imageUrl: ''  // 微信会自动使用页面截图
+    }
+  }
+}) 

pages/subpages/services/custom/custom.json

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

pages/subpages/services/custom/custom.wxml

@@ -0,0 +1,31 @@
+<view class="container">
+  <view class="content">
+    <text class="title">项目定制服务</text>
+    <text class="description">
+    <text>一、需求方面</text>
+    请提供你的需求文档，如果没有文档的话，请提供项目名称和具体功能要求，我来帮你规划程序的详细内容。
+    <text>二、价格方面</text>
+    我们会先确定好你的需求，根据需求来定价。开工后如果双方约定好的需求需要修改，需要根据实际改动幅度额外收费。
+    <text>三、交付时间</text>
+    一般是2周左右的时间，可加急，保证我们交付程序的质量
+    <text>四、交付内容</text>
+    包括 源码 + SQL + 软件环境安装 + 项目在你电脑上成功运行
+    <text>五、交易流程</text>
+    双方确认好需求后先支付订金，订金是系统价格的一半，系统做完之后会联系你演示给你看（截图或者视频演示），确认没问题之后支付尾款，支付完之后，我们会把源代码发给你，并且在你的电脑上安装。
+    <text>六、售后服务</text>
+    我们交付后保证提供给你的原始程序可以正常运行（排除你自己修改的情况），保证注释规范到位，可以对系统运行的小问题进行答疑。如果系统遇到 BUG 无法启动，我们会远程修复保证系统正常运行。
+    <text>七、我们的承诺</text>
+    所有代码都是我们自己完全手撸完成，不会使用任何开源的代码二次修改，代码质量有保障。
+    </text>
+    <text class="note">服务费用：¥800 - ¥1200</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/custom/custom.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);
+}