Ver Fonte

配置更改

zhangyaowen há 3 meses atrás
pai
commit
60f58e18e2
3 ficheiros alterados com 127 adições e 146 exclusões
  1. 1 1
      .env
  2. 125 143
      sheep/components/s-share-modal/s-share-modal.vue
  3. 1 2
      sheep/store/app.js

+ 1 - 1
.env

@@ -27,7 +27,7 @@ SHOPRO_WEBSOCKET_PATH=/infra/ws
 SHOPRO_DEV_PORT=3000
 
 # 客户端静态资源地址 空=默认使用服务端指定的CDN资源地址前缀 | local=本地  |  http(s)://xxx.xxx=自定义静态资源地址前缀
-SHOPRO_STATIC_URL=http://test.yudao.iocoder.cn
+SHOPRO_STATIC_URL=https://zjkdywd.com/infos
 ### SHOPRO_STATIC_URL = https://file.sheepjs.com
 
 # 是否开启直播  1 开启直播 | 0 关闭直播 (小程序官方后台未审核开通直播权限时请勿开启)

+ 125 - 143
sheep/components/s-share-modal/s-share-modal.vue

@@ -11,36 +11,22 @@
       <view class="share-box">
         <view class="share-list-box ss-flex">
           <!-- 操作 ①:发送给微信好友 -->
-          <button
-            v-if="shareConfig.methods.includes('forward')"
-            class="share-item share-btn ss-flex-col ss-col-center"
-            open-type="share"
-            @tap="onShareByForward"
-          >
+          <button v-if="shareConfig.methods.includes('forward')" class="share-item share-btn ss-flex-col ss-col-center"
+            open-type="share" @tap="onShareByForward">
             <image class="share-img" :src="sheep.$url.static('/static/img/shop/share/share_wx.png')" mode="" />
             <text class="share-title">微信好友</text>
           </button>
 
           <!-- 操作 ②:生成海报图片 -->
-          <button
-            v-if="shareConfig.methods.includes('poster')"
-            class="share-item share-btn ss-flex-col ss-col-center"
-            @tap="onShareByPoster"
-          >
-            <image
-              class="share-img"
-              :src="sheep.$url.static('/static/img/shop/share/share_poster.png')"
-              mode=""
-            />
+          <button v-if="shareConfig.methods.includes('poster')" class="share-item share-btn ss-flex-col ss-col-center"
+            @tap="onShareByPoster">
+            <image class="share-img" :src="sheep.$url.static('/static/img/shop/share/share_poster.png')" mode="" />
             <text class="share-title">生成海报</text>
           </button>
 
           <!-- 操作 ③:生成链接 -->
-          <button
-            v-if="shareConfig.methods.includes('link')"
-            class="share-item share-btn ss-flex-col ss-col-center"
-            @tap="onShareByCopyLink"
-          >
+          <button v-if="shareConfig.methods.includes('link')" class="share-item share-btn ss-flex-col ss-col-center"
+            @tap="onShareByCopyLink">
             <image class="share-img" :src="sheep.$url.static('/static/img/shop/share/share_link.png')" mode="" />
             <text class="share-title">复制链接</text>
           </button>
@@ -52,144 +38,140 @@
     </su-popup>
 
     <!-- 分享海报,对应操作 ② -->
-    <canvas-poster
-      ref="SharePosterRef"
-      :show="state.showPosterModal"
-      :shareInfo="shareInfo"
-      @close="state.showPosterModal = false"
-    />
+    <canvas-poster ref="SharePosterRef" :show="state.showPosterModal" :shareInfo="shareInfo"
+      @close="state.showPosterModal = false" />
   </view>
 </template>
 <script setup>
-  /**
-   * 分享弹窗
-   */
-  import { ref, unref, reactive, computed } from 'vue';
-  import sheep from '@/sheep';
-  import canvasPoster from './canvas-poster/index.vue';
-  import { closeShareModal, showAuthModal } from '@/sheep/hooks/useModal';
-
-  const show = computed(() => sheep.$store('modal').share);
-  const shareConfig = computed(() => sheep.$store('app').platform.share);
-  const SharePosterRef = ref('');
-
-  const props = defineProps({
-    shareInfo: {
-      type: Object,
-      default() {},
+/**
+ * 分享弹窗
+ */
+import { ref, unref, reactive, computed } from 'vue';
+import sheep from '@/sheep';
+import canvasPoster from './canvas-poster/index.vue';
+import { closeShareModal, showAuthModal } from '@/sheep/hooks/useModal';
+
+const show = computed(() => sheep.$store('modal').share);
+const shareConfig = computed(() => sheep.$store('app').platform.share);
+const SharePosterRef = ref('');
+
+const props = defineProps({
+  shareInfo: {
+    type: Object,
+    default() { },
+  },
+});
+
+const state = reactive({
+  showShareGuide: false, // H5 的指引
+  showPosterModal: false, // 海报弹窗
+});
+
+// 操作 ②:生成海报分享
+const onShareByPoster = () => {
+  closeShareModal();
+  if (!sheep.$store('user').isLogin) {
+    showAuthModal();
+    return;
+  }
+  unref(SharePosterRef).getPoster();
+  state.showPosterModal = true;
+};
+
+// 操作 ①:直接转发分享
+const onShareByForward = () => {
+  closeShareModal();
+
+  // #ifdef H5
+  if (['WechatOfficialAccount', 'H5'].includes(sheep.$platform.name)) {
+    state.showShareGuide = true;
+    return;
+  }
+  // #endif
+
+  // #ifdef APP-PLUS
+  uni.share({
+    provider: 'weixin',
+    scene: 'WXSceneSession',
+    type: 0,
+    href: props.shareInfo.link,
+    title: props.shareInfo.title,
+    summary: props.shareInfo.desc,
+    imageUrl: props.shareInfo.image,
+    success: (res) => {
+      console.log('success:' + JSON.stringify(res));
+    },
+    fail: (err) => {
+      console.log('fail:' + JSON.stringify(err));
     },
   });
-
-  const state = reactive({
-    showShareGuide: false, // H5 的指引
-    showPosterModal: false, // 海报弹窗
-  });
-
-  // 操作 ②:生成海报分享
-  const onShareByPoster = () => {
-    closeShareModal();
-    if (!sheep.$store('user').isLogin) {
-      showAuthModal();
-      return;
-    }
-    unref(SharePosterRef).getPoster();
-    state.showPosterModal = true;
-  };
-
-  // 操作 ①:直接转发分享
-  const onShareByForward = () => {
-    closeShareModal();
-
-    // #ifdef H5
-    if (['WechatOfficialAccount', 'H5'].includes(sheep.$platform.name)) {
-      state.showShareGuide = true;
-      return;
-    }
-    // #endif
-
-    // #ifdef APP-PLUS
-    uni.share({
-      provider: 'weixin',
-      scene: 'WXSceneSession',
-      type: 0,
-      href: props.shareInfo.link,
-      title: props.shareInfo.title,
-      summary: props.shareInfo.desc,
-      imageUrl: props.shareInfo.image,
-      success: (res) => {
-        console.log('success:' + JSON.stringify(res));
-      },
-      fail: (err) => {
-        console.log('fail:' + JSON.stringify(err));
-      },
-    });
-    // #endif
-  };
-
-  // 操作 ③:复制链接分享
-  const onShareByCopyLink = () => {
-    sheep.$helper.copyText(props.shareInfo.link);
-    closeShareModal();
-  };
-
-  function onCloseGuide() {
-    state.showShareGuide = false;
-  }
+  // #endif
+};
+
+// 操作 ③:复制链接分享
+const onShareByCopyLink = () => {
+  sheep.$helper.copyText(props.shareInfo.link);
+  closeShareModal();
+};
+
+function onCloseGuide() {
+  state.showShareGuide = false;
+}
 </script>
 
 <style lang="scss" scoped>
-  .guide-image {
-    right: 30rpx;
-    top: 0;
-    position: fixed;
-    width: 580rpx;
-    height: 430rpx;
-    z-index: 10080;
+.guide-image {
+  right: 30rpx;
+  top: 0;
+  position: fixed;
+  width: 580rpx;
+  height: 430rpx;
+  z-index: 10080;
+}
+
+// 分享tool
+.share-box {
+  background: $white;
+  width: 750rpx;
+  border-radius: 30rpx 30rpx 0 0;
+  padding-top: 30rpx;
+
+  .share-foot {
+    font-size: 24rpx;
+    color: $gray-b;
+    height: 80rpx;
+    border-top: 1rpx solid $gray-e;
   }
 
-  // 分享tool
-  .share-box {
-    background: $white;
-    width: 750rpx;
-    border-radius: 30rpx 30rpx 0 0;
-    padding-top: 30rpx;
-
-    .share-foot {
-      font-size: 24rpx;
-      color: $gray-b;
-      height: 80rpx;
-      border-top: 1rpx solid $gray-e;
-    }
+  .share-list-box {
+    .share-btn {
+      background: none;
+      border: none;
+      line-height: 1;
+      padding: 0;
 
-    .share-list-box {
-      .share-btn {
-        background: none;
+      &::after {
         border: none;
-        line-height: 1;
-        padding: 0;
+      }
+    }
+
+    .share-item {
+      flex: 1;
+      padding-bottom: 20rpx;
 
-        &::after {
-          border: none;
-        }
+      .share-img {
+        width: 70rpx;
+        height: 70rpx;
+        background: $gray-f;
+        border-radius: 50%;
+        margin-bottom: 20rpx;
       }
 
-      .share-item {
-        flex: 1;
-        padding-bottom: 20rpx;
-
-        .share-img {
-          width: 70rpx;
-          height: 70rpx;
-          background: $gray-f;
-          border-radius: 50%;
-          margin-bottom: 20rpx;
-        }
-
-        .share-title {
-          font-size: 24rpx;
-          color: $dark-6;
-        }
+      .share-title {
+        font-size: 24rpx;
+        color: $dark-6;
       }
     }
   }
+}
 </style>

+ 1 - 2
sheep/store/app.js

@@ -65,8 +65,7 @@ const app = defineStore({
           version: '2.4.0',
           copyright: '全部开源,个人与企业可 100% 免费使用',
           copytime: 'Copyright© 2018-2024',
-
-          cdnurl: 'http://42.194.163.46:9095', //'https://file.sheepjs.com', // 云存储域名
+          cdnurl: 'https://zjkdywd.com/infos/', //'https://file.sheepjs.com', // 云存储域名
           filesystem: 'qcloud', // 云存储平台
         };
         this.platform = {