hookehuyr

✨ feat(作品详情页相关页面): 详情页只显示留言, 相关页面跳转只跳转到留言页面

......@@ -8,7 +8,7 @@
<div v-if="item.status === 'ENABLE'" class="normal-module">
<div class="video-bar">
<van-row>
<van-col span="12" @click="goTo">
<van-col span="12" @click="setComment">
<van-image round width="2rem" height="2rem" style="vertical-align: middle;"
:src="item.avatar ? item.avatar : icon_avatar" />&nbsp;&nbsp;
<span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span>
......
......@@ -4,7 +4,7 @@
<div class="normal-module">
<div class="video-bar">
<van-row>
<van-col span="12" @click="goTo">
<van-col span="12" @click="setComment">
<van-image round width="2rem" height="2rem" class="avatar" :src="item.avatar ? item.avatar : icon_avatar" />
<span class="text">{{ item.name }}</span>
</van-col>
......@@ -16,7 +16,8 @@
</span>
&nbsp;&nbsp;&nbsp;
<span @click="handleAction('like', detail.id)">
<van-icon :name="!detail.is_like ? icon_dianzan1 : icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
<van-icon :name="!detail.is_like ? icon_dianzan1 : icon_dianzan2" size="1.2rem"
style="vertical-align: bottom;" />
{{ detail.like_num }}
</span>
</div>
......
......@@ -2,7 +2,7 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2022-05-21 09:35:14
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-06-15 20:02:37
* @LastEditTime: 2022-06-22 18:34:38
* @FilePath: /tswj/src/views/client/bookDetail.vue
* @Description:
-->
......@@ -75,7 +75,7 @@
<template v-for="item in prod_list" :key="item">
<video-card :item="item">
<template #bookDetailSub>
<div style="color: #999999; padding: 0px 1rem 0.5rem;" @click="goToDetail(item)">
<div style="color: #999999; padding: 0px 1rem 0.5rem;" @click="setComment(item)">
{{ item.kg_name }} | {{ item.localism_type }}
</div>
</template>
......@@ -331,6 +331,18 @@ const goToDetail = (v) => { // 跳转作品详情页
}
});
}
const setComment = (v) => {
$router.push({
path: '/client/videoDetail/comment',
query: {
prod_id: v.id,
book_id: v.book_id,
type: v.type, // 特殊标识,判断入口 为keepAlive使用
perf_id: v.perf_id
}
});
}
/*****************************************************/
// TAG:微信分享
......
......@@ -22,11 +22,11 @@
<van-col span="24" style="padding-top: 0.2rem;">
<van-tabs v-model:active="active" sticky :color="styleColor.baseColor" background="#F7F7F7"
title-active-color="#222222" title-inactive-color="#777777" @click-tab="onClickTab">
<van-tab title="简介" :title-style="tabClass">
<!-- <van-tab title="简介" :title-style="tabClass">
<div class="intro">{{ videoInfo.note }}</div>
<div style="height: 5rem;" />
<donate-bar donate-type="C">为TA助力</donate-bar>
</van-tab>
</van-tab> -->
<!-- <van-tab :title="'留言 ' + comment_num" :title-style="tabClass"
:to="'/client/videoDetail/comment?prod_id=' + $route.query.prod_id + '&book_id=' + $route.query.book_id + '&type=' + $route.query.type">
<router-view />
......
......@@ -22,12 +22,12 @@
<van-row>
<van-col>
<span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>:{{
item.note }}</span>
item.note }}</span>
</van-col>
</van-row>
</div>
<div style="padding: 1rem; background-color: #F7F7F7;" @click="onClick(item)">
<div style="padding: 1rem; background-color: #F7F7F7;" @click="openComment(item)">
<van-row>
<van-col span="8" style="position: relative;">
<van-image width="8rem" height="5rem" fit="cover" :src="item.cover" style="vertical-align: text-bottom;">
......@@ -171,6 +171,17 @@ const onClick = (item) => {
});
}
const openComment = (item) => {
$router.push({
path: '/client/videoDetail/comment',
query: {
prod_id: item.prod_id,
perf_id: item.perf_id,
book_id: item.book_id
}
});
}
/****************** keepAlive 模块 *******************/
// TAG: keepAlive 缓存页面
......