A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/03/31 -15:20:01

Browse Source
This commit is contained in:
XiaoMo 2023-03-31 15:20:11 +08:00
parent f31d84a7e3
commit b73b80fbbf
5 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/detail/collect-c.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

0
src/assets/img/detail/u1431.png → src/assets/img/detail/pack.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1011 B

After

Width:  |  Height:  |  Size: 1011 B

0
src/assets/img/detail/u1448.png → src/assets/img/detail/unfold.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 961 B

After

Width:  |  Height:  |  Size: 961 B

10
src/components/DetailReply.vue
View File

@ -3,20 +3,17 @@
<!-- 弹窗-讨论-单行 -->
<div class="pop-box flexflex flexcolumn" v-if="popState == 'discussionSingle'"
@click="openDiscussionSingleState ? handlePopCancel() : ''">
<div class="discussion-box pop-box-box flexflex flexcolumn" style="border-radius: .4rem .4rem 0 0;"
catchtap="return false">
<div class="discussion-box pop-box-box flexflex flexcolumn" style="border-radius: .4rem .4rem 0 0;" @click.stop="">
<div class="discussion-header flexacenter" v-if="twoCommentData">
<img class="discussion-avatar" :src="twoCommentData.avatar" />
<div class="discussion-text one-line">{{ twoCommentData.content }}</div>
<!-- <img class="discussion-icom" @click.stop="clearTwoCommentData()"
style="height:13px;transform: translate(0);top:0;" src="@/assets/img/detail/u1428.png"> -->
</div>
<div class="discussion-single-box flexflex flex1">
<div class="discussion-single-content flexacenter flex1">
<input class="discussion-single-input flex1" cursor-spacing="5" type="text"
:placeholder="twoCommentData ? '写回复…' : '想问啥，大胆问…'" v-model="commentContent" />
<img class="discussion-single-input-icom" @click.stop="setValue()"
src="@/assets/img/detail/u1448.png" />
src="@/assets/img/detail/unfold.png" />
</div>
<div class="discussion-single-btn flexcenter" @click.stop="postComment(commentContent)">
发布
@ -32,13 +29,12 @@
<div class="discussion-header flexacenter" v-if="twoCommentData">
<img class="discussion-avatar" :src="twoCommentData.avatar" />
<div class="discussion-text one-line">{{ twoCommentData.content }}</div>
<!-- <img class="discussion-icom" @click.stop="clearTwoCommentData()" src="@/assets/img/detail/u1428.png"> -->
</div>
<div class="discussion-multi-content flexflex flex1">
<textarea class="discussion-multi-textarea flex1" type="text" maxlength="500" v-model="commentContent"
:placeholder="twoCommentData ? '写回复…' : '想问啥，大胆问…'"></textarea>
<img class="discussion-multi-icom" @click.stop="openDiscussionSingle()"
src="@/assets/img/detail/u1431.png" />
src="@/assets/img/detail/pack.png" />
<div class="discussion-multi-sum">{{ 500 - commentContent.length }}</div>
</div>
<div class="discussion-multi-bottom flexflex flexacenter">

26
src/views/detail/detailIndex.vue
View File

@ -63,12 +63,10 @@
<!-- 底部 -->
<div class="discuss-bottom flexflex flexacenter">
<!-- 底部的轮播 -->
<div class="swiper" @touchstart="touchstartt()" @touchend="touchendd()" ref="swiper">
<div class="swiper">
<div class="bottom-item flexacenter">
<div class="bottom-comment flexacenter" @click="setValue('popState', 'discussionSingle')">
<!-- <img class="bottom-comment-icom" mode="widthFix" src="{~offer/mobile/img/u1605.svg}" /> -->
<svg-icon icon-class="pen" class-name="bottom-comment"></svg-icon>
<svg-icon icon-class="pen" class-name="bottom-comment-icom"></svg-icon>
想问啥，大胆问
<div class="loginBtn" v-if="!islogin" @click.stop="setValue('isloginBtnState', true, 'boolean')">
</div>
@ -84,19 +82,18 @@
<div class="loginBtn" v-if="!islogin" @click.stop="setValue('isloginBtnState', true, 'boolean')">
</div>
<img class="bottom-operation-icom" :class="{ 'prepareLiskeAnimateState': prepareLiskeAnimateState }"
src="{~offer/mobile/img/u1152.png}" />
src="@/assets/img/detail/like.png" />
<div class="bottom-operation-text">{{ stat.like == 0 ? '' : stat.like }}赞</div>
</div>
<div class="bottom-operation-item flex1 flexcolumn flexcenter" @click="postcollect()">
<div class="loginBtn" v-if="!islogin" @click.stop="setValue('isloginBtnState', true, 'boolean')">
</div>
<img class="bottom-operation-icom" mode="widthFix"
:src="iscollect == 0 ? '{~offer/mobile/img/u1610.png}' : '{~offer/mobile/img/icon-star-o.png}'">
<img v-if="iscollect == 0" class="bottom-operation-icom" src="@/assets/img/detail/collect.png">
<img v-else class="bottom-operation-icom" src="@/assets/img/detail/collect-c.png">
<div class="bottom-operation-text">收藏</div>
</div>
<div class="bottom-operation-item flex1 flexcolumn flexcenter" @click="transmit">
<img class="bottom-operation-icom bottom-transmit-icom" mode="widthFix"
src="{~offer/mobile/img/u1613.png}" />
<img class="bottom-operation-icom bottom-transmit-icom" src="@/assets/img/detail/share.png" />
<div class="bottom-operation-text">转发</div>
<button class="bottom-operation-button flexcolumn flexcenter" open-type="share"></button>
</div>
@ -152,8 +149,17 @@ export default {
// 点击转发
transmit(){
transmit() {
},
setValue(key, value) {
this[key] = value
},
// 收藏
postcollect() {
console.log("点击收藏");
}
},