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

src/components/DetailReply.vue

@@ -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;"
+            <div class="discussion-box pop-box-box flexflex flexcolumn" style="border-radius: .4rem .4rem 0 0;" @click.stop="">
-                catchtap="return false">
                 <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">

src/views/detail/detailIndex.vue

@@ -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-icom"></svg-icon>
-                        <svg-icon icon-class="pen" class-name="bottom-comment"></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"
+                        <img v-if="iscollect == 0" class="bottom-operation-icom" src="@/assets/img/detail/collect.png">
-                            :src="iscollect == 0 ? '{~offer/mobile/img/u1610.png}' : '{~offer/mobile/img/icon-star-o.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"
+                        <img class="bottom-operation-icom bottom-transmit-icom" src="@/assets/img/detail/share.png" />
-                            src="{~offer/mobile/img/u1613.png}" />
                         <div class="bottom-operation-text">转发</div>
                         <button class="bottom-operation-button flexcolumn flexcenter" open-type="share"></button>
                     </div>
@@ -154,6 +151,15 @@ export default {
         // 点击转发
         transmit() {
 
+        },
+
+        setValue(key, value) {
+            this[key] = value
+        },
+
+        // 收藏
+        postcollect() {
+            console.log("点击收藏");
         }
 
     },