Style(店铺):界面调整

pagesInn/inn/innHome.vue

@@ -29,8 +29,8 @@
           <video
             :src="inn.cover"
             :autoplay="true"
-            :controls="false"
-            :loop="true"
+            :controls="true"
+            :loop="false"
             object-fit="contain"
             play-btn-position="center"
             class="video"
@@ -248,10 +248,22 @@
                     </view>
                     <view class="flex">
                       <image
+                        v-if="!item.zanVo"
+                        :src="webUrl + '/page/hotel/zan-off.png'"
+                        class="zan-off-icon"
+                        @click="likeInfoItemHandle(item, index, 1)"
+                      />
+                      <image
+                        v-else
+                        :src="webUrl + '/page/hotel/zan-on.png'"
+                        class="zan-on-icon"
+                        @click="likeInfoItemHandle(item, index, 0)"
+                      />
+                      <!-- <image
                         :src="webUrl + '/20230803151302213857.png'"
                         class="icon"
                       />
-                      <text class="seeNum-txt">{{ item.zan }}</text>
+                      <text class="seeNum-txt">{{ item.zan }}</text> -->
                     </view>
                     <view v-if="isMyInn" class="flex more-btn" @click="toggleMoreHandle(index)">
                       <image
@@ -386,7 +398,8 @@ import {
   getPoster,
   getHotelGoodList,
   postHotelNewsDel,
-  setTopHotelNew
+  setTopHotelNew,
+  getHotelNewsZan
 } from "@/api/inn.js"
 import {formatDateTime} from "@/utils"
 import {getUrlParam} from "@/utils/common.js"
@@ -809,11 +822,26 @@ export default {
           this.$dialog.toast({
             mes: '操作成功!'
           })
+          setTimeout(() => {
+            uni.hideLoading()
+          }, 3000)
           this.fetchInnInfoList()
         }
-      }).finally(() => {
+      }).catch(() => {
         uni.hideLoading()
       })
+    },
+    likeInfoItemHandle(item, index, value) {
+      getHotelNewsZan(item.id).then(res => {
+        const { success } = res
+        if (success) {
+          this.$dialog.toast({
+            mes: '操作成功!'
+          })
+          this.$set(this.infoArray[index], 'zanVo', value)
+          // this.fetchInnInfoList()
+        }
+      })
     }
   }
 }
@@ -1260,6 +1288,14 @@ export default {
           height: 32rpx;
           margin: 0 8rpx 0 0;
         }
+        .zan-off-icon {
+          width: 138rpx;
+          height: 40rpx;
+        }
+        .zan-on-icon {
+          width: 80rpx;
+          height: 40rpx;
+        }
         .more-btn {
           position: relative;
           .more-wrapper {

pagesInn/inn/innInfoPublish.vue

@@ -49,7 +49,7 @@
         <view class="inp">
           <jin-edit
             :html="form.content"
-            placeholder="请输入内容"
+            placeholder="请输入内容..."
             height="320px"
             @editOk="editOk"
           />
@@ -219,6 +219,7 @@
         padding: 10rpx 16rpx;
         border: 1px solid #eee;
         border-radius: 6rpx;
+        font-size: 28rpx;
       }
       .inp-input {
         padding: 0 16rpx;