轮播图

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>
-          <image class="phone-icon" src="/static/icons/home/icon_wechat.svg" mode="aspectFit"></image>
+          <text class="phone-text">{{ phone }}</text>
+          <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>