feat: 更新基础URL并添加分享功能调试选项

- 将基础URL切换为生产环境 - 在分享功能中启用调试模式并显示appId - 为评论组件添加新的分享功能 - 优化页面布局和代码格式
2025-09-11 19:35:07 +08:00 · 2025-09-11 19:35:07 +08:00 · 8f23f0c315
parent ca66c8eb88
commit 8f23f0c315
4 changed files with 72 additions and 62 deletions
--- a/src/components/comment/indexMini.vue
+++ b/src/components/comment/indexMini.vue
@ -1,22 +1,29 @@
 <template>
  <view class="comment">
-
    <view class="comment-count">
      <view class="count" @click="handleClickLike">
        <image
-          :src="props.data.isLike ? 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/zan_like_fill%402x.png' : 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/zan_like_normal%402x.png'"
+          :src="
+            props.data.isLike
+              ? 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/zan_like_fill%402x.png'
+              : 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/zan_like_normal%402x.png'
+          "
          class="icon" />
        <!-- <text class="num">{{ props.data.likeNums }}</text> -->
        <text class="num">点赞</text>
      </view>
      <view class="count" @click="handleClickStar">
        <image
-          :src="props.data.isFav ? 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/star_icon_fill%402x.png' : 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/star_icon_normal%402x.png'"
+          :src="
+            props.data.isFav
+              ? 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/star_icon_fill%402x.png'
+              : 'https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/star_icon_normal%402x.png'
+          "
          class="icon" />
        <!-- <text class="num">{{ props.data.favNums }}</text> -->
        <text class="num">收藏</text>
      </view>
-      <button class="count" style="background-color: transparent;" open-type="share">
+      <button class="count" style="background-color: transparent" open-type="share" @click="doShare">
        <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_icon%402x.png" class="icon" />
        <!-- <text class="num">{{ props.data.favNums }}</text> -->
        <text class="num">分享</text>
@ -59,6 +66,17 @@ const handleSubmit = () => {
    duration: 1500,
  });
 };
+
+function doShare() {
+  navigator
+    .share({
+      title: "分享标题",
+      text: "分享描述",
+      url: window.location.href,
+    })
+    .then(() => console.log("分享成功"))
+    .catch((error) => console.log("分享失败:", error));
+}
 </script>

 <style scoped lang="scss">
@ -100,7 +118,6 @@ const handleSubmit = () => {
    display: flex;
    width: 100vw;

-
    .count {
      display: flex;
      text-align: center;
@ -124,7 +141,6 @@ const handleSubmit = () => {
  }
 }

-
 button::after {
  border: 0;
 }
--- a/src/config/index.ts
+++ b/src/config/index.ts
@ -1,7 +1,7 @@
 // const baseUrl = "http://192.168.31.25:8060/api";
-export const baseUrl = "http://127.0.0.1:8040/apih5";
+// export const baseUrl = "http://127.0.0.1:8040/apih5";
 // export const baseUrl = "http://192.168.3.38:8040/apih5";
-// export const baseUrl = "https://cankao.cs.com.cn/mini";
+export const baseUrl = "https://cankao.cs.com.cn/mini";

 export const baseUrlDataV = "https://cankao.cs.com.cn/zzck_datav";
 // export const baseUrlDataV = "http://123.60.153.169:9995/zzck_datav";
--- a/src/pages/detail/indexNewsInfo.vue
+++ b/src/pages/detail/indexNewsInfo.vue
@ -7,8 +7,7 @@
        top: 0,
        background: '#fff',
        zIndex: '9999',
-      }"
-    >
+      }">
    </view>

    <!-- 导航栏 start -->
@ -19,20 +18,12 @@
        top: getNavHeight() + 'px',
        background: '#fff',
        zIndex: '9999',
-      }"
-    >
+      }">
      <view class="left">
-        <image
-          src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/static/icon_left.png"
-          class="back_icon"
-          @click="handleBack"
-        />
+        <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/static/icon_left.png" class="back_icon" @click="handleBack" />
      </view>
      <view class="center">
-        <image
-          src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/images/detail_logo.png"
-          class="logo_icon"
-        />
+        <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/images/detail_logo.png" class="logo_icon" />
      </view>
    </view>

@ -49,24 +40,15 @@
    /> -->

    <!-- 底部栏 评论 / 收藏 -->
-    <Comment
-      v-if="isLogin && !isDomestic"
-      :data="data"
-      @handleClickLike="handleClickLike"
-      @handleClickStar="handleClickStar"
-    />
+    <Comment v-if="isLogin && !isDomestic" :data="data" @handleClickLike="handleClickLike" @handleClickStar="handleClickStar" />

    <view class="login_unlock" v-if="!isLogin">
      <view class="r_image">
-        <image
-          src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/lock_banner%402x.png"
-        ></image>
+        <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/lock_banner%402x.png"></image>

        <view class="image_text">
          <text class="image_text_title">登录解锁</text>
-          <text class="image_text_sub_title"
-            >海外独家资讯内容，登录后可查阅全文</text
-          >
+          <text class="image_text_sub_title">海外独家资讯内容，登录后可查阅全文</text>
        </view>
      </view>
      <view class="login_unlock_btn" @click="goLogin">立即登录</view>
@ -76,18 +58,9 @@

 <script setup lang="ts">
 import { ref } from "vue";
-import {
-  onLoad,
-  onShareAppMessage,
-  onShareTimeline,
-  onShow,
-} from "@dcloudio/uni-app";
+import { onLoad, onShareAppMessage, onShareTimeline, onShow } from "@dcloudio/uni-app";
 import { onReachBottom } from "@dcloudio/uni-app";
-import {
-  fetchArticleDetail,
-  fetchArticleLike,
-  fetchArticleFavorate,
-} from "@/api/detail";
+import { fetchArticleDetail, fetchArticleLike, fetchArticleFavorate } from "@/api/detail";
 import { getNewsList, doShare, getDomesticDetail } from "@/api";
 import Article from "@/components/article/indexNewsInfo.vue";
 import Column from "@/components/column/index.vue";
@ -166,9 +139,7 @@ const handleClickLike = async () => {
  });
  if (res.code === 200) {
    data.value.isLike = data.value.isLike ? 0 : 1;
-    data.value.likeNums = data.value.isLike
-      ? data.value.likeNums + 1
-      : data.value.likeNums - 1;
+    data.value.likeNums = data.value.isLike ? data.value.likeNums + 1 : data.value.likeNums - 1;
  }
 };

@ -180,9 +151,7 @@ const handleClickStar = async () => {
  });
  if (res.code === 200) {
    data.value.isFav = data.value.isFav ? 0 : 1;
-    data.value.favNums = data.value.isFav
-      ? data.value.favNums + 1
-      : data.value.favNums - 1;
+    data.value.favNums = data.value.isFav ? data.value.favNums + 1 : data.value.favNums - 1;
  }
 };

@ -253,6 +222,30 @@ function goLogin() {
    url: "/pages/login/indexMini",
  });
 }
+
+import { useTimerStore } from "@/stores/timerStore";
+
+// function initWxConfig() {
+//   getWeChatSdkData({ url: window.location.href }).then((res: any) => {
+//     const data: IWxConfig = res.data;
+//     console.log("🚀 ~ getWeChatSdkData ~ data:", data);
+//     wx.config({
+//       debug: false,
+//       appId: data.appId,
+//       timestamp: data.timestamp,
+//       nonceStr: data.nonceStr,
+//       signature: data.signature,
+//       jsApiList: ["updateAppMessageShareData", "updateTimelineShareData", "onMenuShareTimeline", "onMenuShareAppMessage"],
+//     });
+
+//     this.wxReady(this.shareData);
+
+//     wx.error((err) => {
+//       console.log("🚀 ~ err:", err);
+//     });
+//   });
+// }
+
 onShareTimeline(async (res) => {
  let { code } = await doShare({
    id: data.value.id,
@ -260,8 +253,7 @@ onShareTimeline(async (res) => {
  return {
    title: data.value.title, //标题
    path: "/pages/detail/indexNewsInfo?id=" + data.value.id, //可以指定动态路径
-    imageUrl:
-      "https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //分享图
+    imageUrl: "https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //分享图
  };
 });
 onShareAppMessage(async (res) => {
@ -274,8 +266,7 @@ onShareAppMessage(async (res) => {
  return {
    title: data.value.title, //标题
    path: "/pages/detail/indexNewsInfo?id=" + data.value.id, //可以指定动态路径
-    imageUrl:
-      "https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //分享图
+    imageUrl: "https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //分享图
  };
 });
 </script>
--- a/src/stores/shareStore.ts
+++ b/src/stores/shareStore.ts
@ -56,8 +56,11 @@ export const useShareStore = defineStore("share", {
      }).then((res: any) => {
        const data: IWxConfig = res.data.data;
        // console.log("🚀 ~ getWeChatSdkData ~ data:", data);
+        uni.showToast({
+          title: data.appId
+        })
        wx.config({
-          debug: false,
+          debug: true,
          appId: data.appId,
          timestamp: data.timestamp,
          nonceStr: data.nonceStr,