轮播图

pages/index/components/CompanyIntro.vue

@@ -60,18 +60,20 @@
         <!-- 装饰箭头图标 19×10px → 37×19rpx -->
         <image class="cta-arrow" src="/static/icons/home/icon_arrow_down.png" mode="aspectFit"></image>
         <!-- 二维码 104×104px → 200×200rpx, 圆角10px → 19rpx -->
+        <!-- show-menu-by-longpress：长按识别二维码（仅微信小程序 2.7.0+ 生效，H5/App 自动忽略不报错） -->
         <view class="qr-wrap">
           <image
             class="qr-img"
             src="/static/images/home/Rectangle_187_1470_1653.jpg"
             mode="aspectFit"
+            :show-menu-by-longpress="true"
           ></image>
         </view>
         <!-- 电话栏 200×45px → 385×87rpx, #000 0.1透明, 圆角10px → 19rpx -->
         <view class="phone-pill">
           <image class="phone-icon" src="/static/icons/home/icon_phone.svg" mode="aspectFit"></image>
-          <text class="phone-text">15999928161</text>
+          <text class="phone-text">{{ phone }}</text>
-          <image class="phone-icon" src="/static/icons/home/icon_wechat.svg" mode="aspectFit"></image>
+          <image class="phone-icon copy-btn" src="/static/icons/home/icon_wechat.svg" mode="aspectFit" @tap="copyPhone"></image>
         </view>
         <!-- 联系我们 - 用户提供的image.png -->
         <image
@@ -92,6 +94,26 @@ export default {
       type: Array,
       default: () => []
     }
+  },
+  data() {
+    return {
+      phone: '15999928161'
+    }
+  },
+  methods: {
+    // 复制电话号码到剪贴板（uni.setClipboardData 全端支持，无需条件编译）
+    copyPhone() {
+      uni.setClipboardData({
+        data: this.phone,
+        success: () => {
+          uni.showToast({
+            title: '电话已复制',
+            icon: 'none',
+            duration: 1500
+          })
+        }
+      })
+    }
   }
 }
 </script>

pages/index/mock.js

@@ -10,32 +10,31 @@ export const trustStats = [
 ]
 
 // 4步流程
-// 每一步对应一张预览大图（img 字段，目前暂用同一张占位图，设计师供图后替换即可）
+// 每一步对应一张预览大图（img 字段）：设计师切图已替换，文件见 static/images/home/step_*.jpg
-const STEP_IMG = '/static/images/home/image_25_1484_1689.jpg'
 export const stepList = [
   {
     step: '01',
     title: '选择产品',
     desc: '海量精选产品，满足多元定制需求',
-    img: STEP_IMG
+    img: '/static/images/home/step_01_select.jpg'
   },
   {
     step: '02',
     title: '上传设计',
     desc: '可视化编辑器，轻松实现创意落地',
-    img: STEP_IMG
+    img: '/static/images/home/step_02_upload.jpg'
   },
   {
     step: '03',
     title: '在线销售',
     desc: '一键开通店铺，多渠道触达目标客群',
-    img: STEP_IMG
+    img: '/static/images/home/step_03_sell.jpg'
   },
   {
     step: '04',
     title: '生产配送',
     desc: '智能化柔性生产，快速响应全球配送',
-    img: STEP_IMG
+    img: '/static/images/home/step_04_produce.jpg'
   }
 ]
 
@@ -76,32 +75,31 @@ export const podProducts = [
 ]
 
 // 平台功能卡片
-// 每一张卡片对应一张「集成平台」大图（img 字段目前暂用同一张占位图，后端/设计师提供后替换即可）
+// 每一张卡片对应一张「集成平台」大图（img 字段）：设计师切图已替换，文件见 static/images/home/feat_*.jpg
-const FEAT_IMG = '/static/images/home/Rectangle_64_1484_1735.jpg'
 export const featureList = [
   {
     step: '01',
     title: '设计工具',
     desc: '轻松设计，快速定制',
-    img: FEAT_IMG
+    img: '/static/images/home/feat_design.jpg'
   },
   {
     step: '02',
     title: '自动化履约',
     desc: '从生产到配送，全程无忧，准时交付',
-    img: FEAT_IMG
+    img: '/static/images/home/feat_auto.jpg'
   },
   {
     step: '03',
     title: '全球配送',
     desc: '全球11国自营本土工厂',
-    img: FEAT_IMG
+    img: '/static/images/home/feat_global.jpg'
   },
   {
     step: '04',
     title: '店铺集成',
     desc: '与全球主流电商平台无缝对接',
-    img: FEAT_IMG
+    img: '/static/images/home/feat_store.jpg'
   }
 ]