Ver código fonte

feat: 微信里面不用复制按钮

Burt 2 anos atrás
pai
commit
5f8ea85d00
1 arquivos alterados com 7 adições e 3 exclusões
  1. 7 3
      src/pages/index/index.vue

+ 7 - 3
src/pages/index/index.vue

@@ -15,23 +15,26 @@
     <view class="mt-20">
       <image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" />
     </view>
-    <view class="text-center text-4xl main-title-color mt-4">unibest</view>
+    <view class="text-center text-4xl main-title-color mt-8">unibest</view>
     <view class="text-center text-2xl mt-2 mb-8">最好用的 uniapp 开发框架</view>
     <view class="text-justify">
       unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板,使用 VS Code
       开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写
       uniapp 拥有 best 体验。</view
     >
-    <view class="text-blue mt-8 text-center"> 详细示例 参考 hello-unibest </view>
+    <view class="text-blue mt-12 text-center"> 详细示例 参考 hello-unibest </view>
     <view class="my-2 text-center">https://github.com/codercup/hello-unibest</view>
+    <!-- #ifndef MP-WEIXIN -->
+    <!-- 微信使用复制按钮需要申请权限,先去掉 -->
     <button @click="onCopy">复制 hello-unibest github地址</button>
+    <!-- #endif -->
   </view>
 </template>
 
 <script lang="ts" setup>
 // 获取屏幕边界到安全区域距离
 const { safeAreaInsets } = uni.getSystemInfoSync()
-
+// #ifndef MP-WEIXIN
 const onCopy = () => {
   uni.setClipboardData({
     data: 'https://github.com/codercup/hello-unibest',
@@ -43,6 +46,7 @@ const onCopy = () => {
     },
   })
 }
+// #endif
 </script>
 
 <style>