Style(店铺):界面调整

assets/css/base.less

@@ -290,4 +290,9 @@ checkbox .wx-checkbox-input.wx-checkbox-input-checked {
 
 .ai-center {
   align-items: center;
+}
+.ql-editor.ql-blank::before {
+  font-style: normal;
+  font-size: 28rpx;
+  color: #C2C5CC;
 }

pagesInn/components/jin-edit/jin-edit.vue

@@ -9,6 +9,7 @@
 			:show-img-toolbar="true"
 			:show-img-resize="true"
 			:read-only="readOnly"
+          	placeholder-style="font-size:24rpx;color:#C2C5CC;"
 			@ready="onEditorReady"
 			@statuschange="statuschange"
 			@focus="editFocus" 
@@ -264,7 +265,7 @@ export default {
 
 .ql-container {
 	line-height: 150%;
-	font-size: 22rpx;
+	font-size: 28rpx;
 	width: 100%;
 	height: 240px;
 	background: #fff;

pagesInn/components/jin-edit/jin-icons.vue

@@ -23,7 +23,7 @@
 			},
 			fontSize: {
 				type: String,
-				default: '32rpx'
+				default: '36rpx'
 			},
 			title: {
 				type: String,
@@ -53,7 +53,7 @@
 		bottom: 0;
 		width: 100%;
 		text-align: center;
-		font-size: 8px;
+		font-size: 12px;
 		color: #666;
 		line-height: 8px;
 		transform: translateY(-8px);

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;