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

- 将基础URL切换为生产环境
- 在分享功能中启用调试模式并显示appId
- 为评论组件添加新的分享功能
- 优化页面布局和代码格式
This commit is contained in:
zzp 2025-09-11 19:35:07 +08:00
parent ca66c8eb88
commit 8f23f0c315
4 changed files with 72 additions and 62 deletions

View File

@ -1,22 +1,29 @@
<template> <template>
<view class="comment"> <view class="comment">
<view class="comment-count"> <view class="comment-count">
<view class="count" @click="handleClickLike"> <view class="count" @click="handleClickLike">
<image <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" /> class="icon" />
<!-- <text class="num">{{ props.data.likeNums }}</text> --> <!-- <text class="num">{{ props.data.likeNums }}</text> -->
<text class="num">点赞</text> <text class="num">点赞</text>
</view> </view>
<view class="count" @click="handleClickStar"> <view class="count" @click="handleClickStar">
<image <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" /> class="icon" />
<!-- <text class="num">{{ props.data.favNums }}</text> --> <!-- <text class="num">{{ props.data.favNums }}</text> -->
<text class="num">收藏</text> <text class="num">收藏</text>
</view> </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" /> <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">{{ props.data.favNums }}</text> -->
<text class="num">分享</text> <text class="num">分享</text>
@ -59,6 +66,17 @@ const handleSubmit = () => {
duration: 1500, duration: 1500,
}); });
}; };
function doShare() {
navigator
.share({
title: "分享标题",
text: "分享描述",
url: window.location.href,
})
.then(() => console.log("分享成功"))
.catch((error) => console.log("分享失败:", error));
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@ -100,7 +118,6 @@ const handleSubmit = () => {
display: flex; display: flex;
width: 100vw; width: 100vw;
.count { .count {
display: flex; display: flex;
text-align: center; text-align: center;
@ -124,7 +141,6 @@ const handleSubmit = () => {
} }
} }
button::after { button::after {
border: 0; border: 0;
} }

View File

@ -1,7 +1,7 @@
// const baseUrl = "http://192.168.31.25:8060/api"; // 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 = "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 = "https://cankao.cs.com.cn/zzck_datav";
// export const baseUrlDataV = "http://123.60.153.169:9995/zzck_datav"; // export const baseUrlDataV = "http://123.60.153.169:9995/zzck_datav";

View File

@ -7,8 +7,7 @@
top: 0, top: 0,
background: '#fff', background: '#fff',
zIndex: '9999', zIndex: '9999',
}" }">
>
</view> </view>
<!-- 导航栏 start --> <!-- 导航栏 start -->
@ -19,20 +18,12 @@
top: getNavHeight() + 'px', top: getNavHeight() + 'px',
background: '#fff', background: '#fff',
zIndex: '9999', zIndex: '9999',
}" }">
>
<view class="left"> <view class="left">
<image <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/static/icon_left.png" class="back_icon" @click="handleBack" />
src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/static/icon_left.png"
class="back_icon"
@click="handleBack"
/>
</view> </view>
<view class="center"> <view class="center">
<image <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/images/detail_logo.png" class="logo_icon" />
src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/images/detail_logo.png"
class="logo_icon"
/>
</view> </view>
</view> </view>
@ -49,24 +40,15 @@
/> --> /> -->
<!-- 底部栏 评论 / 收藏 --> <!-- 底部栏 评论 / 收藏 -->
<Comment <Comment v-if="isLogin && !isDomestic" :data="data" @handleClickLike="handleClickLike" @handleClickStar="handleClickStar" />
v-if="isLogin && !isDomestic"
:data="data"
@handleClickLike="handleClickLike"
@handleClickStar="handleClickStar"
/>
<view class="login_unlock" v-if="!isLogin"> <view class="login_unlock" v-if="!isLogin">
<view class="r_image"> <view class="r_image">
<image <image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/lock_banner%402x.png"></image>
src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/lock_banner%402x.png"
></image>
<view class="image_text"> <view class="image_text">
<text class="image_text_title">登录解锁</text> <text class="image_text_title">登录解锁</text>
<text class="image_text_sub_title" <text class="image_text_sub_title">海外独家资讯内容登录后可查阅全文</text>
>海外独家资讯内容登录后可查阅全文</text
>
</view> </view>
</view> </view>
<view class="login_unlock_btn" @click="goLogin">立即登录</view> <view class="login_unlock_btn" @click="goLogin">立即登录</view>
@ -76,18 +58,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue"; import { ref } from "vue";
import { import { onLoad, onShareAppMessage, onShareTimeline, onShow } from "@dcloudio/uni-app";
onLoad,
onShareAppMessage,
onShareTimeline,
onShow,
} from "@dcloudio/uni-app";
import { onReachBottom } from "@dcloudio/uni-app"; import { onReachBottom } from "@dcloudio/uni-app";
import { import { fetchArticleDetail, fetchArticleLike, fetchArticleFavorate } from "@/api/detail";
fetchArticleDetail,
fetchArticleLike,
fetchArticleFavorate,
} from "@/api/detail";
import { getNewsList, doShare, getDomesticDetail } from "@/api"; import { getNewsList, doShare, getDomesticDetail } from "@/api";
import Article from "@/components/article/indexNewsInfo.vue"; import Article from "@/components/article/indexNewsInfo.vue";
import Column from "@/components/column/index.vue"; import Column from "@/components/column/index.vue";
@ -166,9 +139,7 @@ const handleClickLike = async () => {
}); });
if (res.code === 200) { if (res.code === 200) {
data.value.isLike = data.value.isLike ? 0 : 1; data.value.isLike = data.value.isLike ? 0 : 1;
data.value.likeNums = data.value.isLike data.value.likeNums = data.value.isLike ? data.value.likeNums + 1 : data.value.likeNums - 1;
? data.value.likeNums + 1
: data.value.likeNums - 1;
} }
}; };
@ -180,9 +151,7 @@ const handleClickStar = async () => {
}); });
if (res.code === 200) { if (res.code === 200) {
data.value.isFav = data.value.isFav ? 0 : 1; data.value.isFav = data.value.isFav ? 0 : 1;
data.value.favNums = data.value.isFav data.value.favNums = data.value.isFav ? data.value.favNums + 1 : data.value.favNums - 1;
? data.value.favNums + 1
: data.value.favNums - 1;
} }
}; };
@ -253,6 +222,30 @@ function goLogin() {
url: "/pages/login/indexMini", 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) => { onShareTimeline(async (res) => {
let { code } = await doShare({ let { code } = await doShare({
id: data.value.id, id: data.value.id,
@ -260,8 +253,7 @@ onShareTimeline(async (res) => {
return { return {
title: data.value.title, // title: data.value.title, //
path: "/pages/detail/indexNewsInfo?id=" + data.value.id, // path: "/pages/detail/indexNewsInfo?id=" + data.value.id, //
imageUrl: imageUrl: "https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //
"https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //
}; };
}); });
onShareAppMessage(async (res) => { onShareAppMessage(async (res) => {
@ -274,8 +266,7 @@ onShareAppMessage(async (res) => {
return { return {
title: data.value.title, // title: data.value.title, //
path: "/pages/detail/indexNewsInfo?id=" + data.value.id, // path: "/pages/detail/indexNewsInfo?id=" + data.value.id, //
imageUrl: imageUrl: "https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //
"https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_pic_1%402x.png", //
}; };
}); });
</script> </script>

View File

@ -56,8 +56,11 @@ export const useShareStore = defineStore("share", {
}).then((res: any) => { }).then((res: any) => {
const data: IWxConfig = res.data.data; const data: IWxConfig = res.data.data;
// console.log("🚀 ~ getWeChatSdkData ~ data:", data); // console.log("🚀 ~ getWeChatSdkData ~ data:", data);
uni.showToast({
title: data.appId
})
wx.config({ wx.config({
debug: false, debug: true,
appId: data.appId, appId: data.appId,
timestamp: data.timestamp, timestamp: data.timestamp,
nonceStr: data.nonceStr, nonceStr: data.nonceStr,