refactor(detail): 优化新闻详情页的代码格式和结构
- 取消导航栏的注释并调整其结构 - 格式化组件导入和函数调用的多行参数 - 统一条件运算符的换行风格 - 保持代码风格一致性
This commit is contained in:
parent
2336715d1c
commit
fc9ecd4720
|
|
@ -1,14 +1,18 @@
|
|||
<template>
|
||||
<view class="container">
|
||||
<!-- 导航栏 start -->
|
||||
<!-- <view class="custom-bav-bar">
|
||||
<view class="custom-bav-bar">
|
||||
<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 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> -->
|
||||
|
||||
<!-- 文章正文 start -->
|
||||
<Article :data="data" />
|
||||
|
|
@ -24,7 +28,11 @@
|
|||
/> -->
|
||||
|
||||
<!-- 底部栏 评论 / 收藏 -->
|
||||
<Comment :data="data" @handleClickLike="handleClickLike" @handleClickStar="handleClickStar" />
|
||||
<Comment
|
||||
:data="data"
|
||||
@handleClickLike="handleClickLike"
|
||||
@handleClickStar="handleClickStar"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -32,7 +40,11 @@
|
|||
import { onMounted, ref } from "vue";
|
||||
import { onLoad, 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 } from "@/api";
|
||||
import Article from "@/components/article/indexNewsInfo.vue";
|
||||
import Column from "@/components/column/index.vue";
|
||||
|
|
@ -123,7 +135,9 @@ 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;
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -135,7 +149,9 @@ 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;
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -146,7 +162,7 @@ const wxShare = () => {
|
|||
JSON.stringify({
|
||||
id: data.value.id,
|
||||
type: newType.value,
|
||||
}),
|
||||
})
|
||||
);
|
||||
link += `?path=${path}&query=${query}`;
|
||||
// console.log("🚀 ~ WXconfig ~ link:", link);
|
||||
|
|
|
|||
Loading…
Reference in New Issue