refactor(detail): 优化新闻详情页的代码格式和结构

- 取消导航栏的注释并调整其结构
- 格式化组件导入和函数调用的多行参数
- 统一条件运算符的换行风格
- 保持代码风格一致性
This commit is contained in:
34701892@qq.com 2026-03-05 10:44:00 +08:00
parent 2336715d1c
commit fc9ecd4720
1 changed files with 25 additions and 9 deletions

View File

@ -1,14 +1,18 @@
<template> <template>
<view class="container"> <view class="container">
<!-- 导航栏 start --> <!-- 导航栏 start -->
<!-- <view class="custom-bav-bar"> <view class="custom-bav-bar">
<view class="left"> <view class="left">
<image src="@/static/icon_left.png" class="back_icon" @click="handleBack" /> <image
src="@/static/icon_left.png"
class="back_icon"
@click="handleBack"
/>
</view> </view>
<view class="center"> <view class="center">
<image src="@/assets/images/detail_logo.png" class="logo_icon" /> <!-- <image src="@/assets/images/detail_logo.png" class="logo_icon" /> -->
</view>
</view> </view>
</view> -->
<!-- 文章正文 start --> <!-- 文章正文 start -->
<Article :data="data" /> <Article :data="data" />
@ -24,7 +28,11 @@
/> --> /> -->
<!-- 底部栏 评论 / 收藏 --> <!-- 底部栏 评论 / 收藏 -->
<Comment :data="data" @handleClickLike="handleClickLike" @handleClickStar="handleClickStar" /> <Comment
:data="data"
@handleClickLike="handleClickLike"
@handleClickStar="handleClickStar"
/>
</view> </view>
</template> </template>
@ -32,7 +40,11 @@
import { onMounted, ref } from "vue"; import { onMounted, ref } from "vue";
import { onLoad, onShow } from "@dcloudio/uni-app"; import { onLoad, onShow } from "@dcloudio/uni-app";
import { onReachBottom } 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 } from "@/api"; import { getNewsList } 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";
@ -123,7 +135,9 @@ 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 + 1 : data.value.likeNums - 1; data.value.likeNums = data.value.isLike
? data.value.likeNums + 1
: data.value.likeNums - 1;
} }
}; };
@ -135,7 +149,9 @@ 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 + 1 : data.value.favNums - 1; data.value.favNums = data.value.isFav
? data.value.favNums + 1
: data.value.favNums - 1;
} }
}; };
@ -146,7 +162,7 @@ const wxShare = () => {
JSON.stringify({ JSON.stringify({
id: data.value.id, id: data.value.id,
type: newType.value, type: newType.value,
}), })
); );
link += `?path=${path}&query=${query}`; link += `?path=${path}&query=${query}`;
// console.log("🚀 ~ WXconfig ~ link:", link); // console.log("🚀 ~ WXconfig ~ link:", link);