refactor(detail): 优化新闻详情页的代码格式和结构
- 取消导航栏的注释并调整其结构 - 格式化组件导入和函数调用的多行参数 - 统一条件运算符的换行风格 - 保持代码风格一致性
This commit is contained in:
parent
2336715d1c
commit
fc9ecd4720
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue