feat: 更新基础URL并添加分享功能调试选项
- 将基础URL切换为生产环境 - 在分享功能中启用调试模式并显示appId - 为评论组件添加新的分享功能 - 优化页面布局和代码格式
This commit is contained in:
parent
ca66c8eb88
commit
8f23f0c315
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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";
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue