修改收藏按钮

pagesHome/hotel/detail.vue

@@ -11,7 +11,12 @@
 		</view>
 		<view class="bottom">
 			<view class="two">
-				<view class="two_1">{{info.name||'暂无'}}</view>
+				<view class="two_1">
+					<view class="name textOne">{{info.name||'暂无'}}</view>
+					<view class="collect">
+						<uni-fav :checked="info.is_collect" @click="onClick(info)" />
+					</view>
+				</view>
 			</view>
 			<view class="thr">
 				<view class="thr_1">
@@ -104,6 +109,11 @@
 					}).replace(/\<img/gi, '<img style="width:100%;"') // 对 img 元素增加 style 属性，并设置宽度为 100%
 				}
 			},
+			// 收藏
+			onClick() {
+				const that = this;
+				console.log("收藏");
+			},
 			// 预订
 			toBuy(item) {
 				const that = this;
@@ -158,9 +168,16 @@
 				padding: 4vw 2vw;
 
 				.two_1 {
-					padding: 1vw 0;
-					font-weight: bold;
-					font-size: var(--font16Size);
+					display: flex;
+					justify-content: space-between;
+
+					.name {
+						width: 80vw;
+						padding: 1vw 0;
+						font-weight: bold;
+						font-size: var(--font16Size);
+					}
+
 				}
 
 				.two_2 {

pagesHome/hotel/index.vue

@@ -13,7 +13,7 @@
 							<view class="top">
 								<view class="name textOne">{{ item.name ||'暂无'}}</view>
 								<view class="collect">
-									<uni-fav :checked="item.is_collect" @click="onClick(item)" />
+									<uni-fav :checked="item.is_collect" @tap.stop="onClick(item)" />
 								</view>
 							</view>
 							<view class="other other_2">
@@ -127,7 +127,7 @@
 			// 收藏
 			onClick() {
 				const that = this;
-				item.is_collect = !item.is_collect
+				console.log("收藏");
 			},
 			// 分页
 			toPage(e) {

pagesHome/ticket/info.vue

@@ -11,7 +11,7 @@
 				<view class="right_1 textOver">{{info.name||'暂无'}}</view>
 				<view class="right_2">已售 {{info.buy_num||0}}</view>
 				<view class="right_3">
-					<uni-fav :checked="info.is_collect" @click="onClick(item)" />
+					<uni-fav :checked="info.is_collect" @tap.stop="onClick(item)" />
 				</view>
 			</view>
 		</view>
@@ -141,7 +141,7 @@
 			// 收藏
 			onClick() {
 				const that = this;
-				item.is_collect = !item.is_collect
+				console.log("收藏");
 			},
 			// 预订
 			toBuy(item) {

pagesHome/type/index.vue

@@ -13,7 +13,7 @@
 							<view class="top">
 								<view class="name textOne">{{ item.name ||'暂无'}}</view>
 								<view class="collect">
-									<uni-fav :checked="item.is_collect" @click="onClick(item)" />
+									<uni-fav :checked="item.is_collect" @tap.stop="onClick(item)" />
 								</view>
 							</view>
 							<!-- <view class="other other_1"><text>人均消费：</text>￥{{ item.money ||'暂无'}}</view> -->
@@ -126,7 +126,7 @@
 			// 收藏
 			onClick(item) {
 				const that = this;
-				item.is_collect = !item.is_collect
+				console.log("收藏");
 			},
 			// 分页
 			toPage(e) {

pagesHome/type/info.vue

@@ -11,7 +11,12 @@
 		</view>
 		<view class="bottom">
 			<view class="two">
-				<view class="two_1">{{info.name||'暂无'}}</view>
+				<view class="two_1">
+					<view class="name textOne">{{info.name||'暂无'}}</view>
+					<view class="collect">
+						<uni-fav :checked="info.is_collect" @click="onClick(info)" />
+					</view>
+				</view>
 				<view class="two_2">{{info.open_time||'暂无'}}</view>
 			</view>
 			<view class="thr">
@@ -111,6 +116,11 @@
 					}).replace(/\<img/gi, '<img style="width:100%;"') // 对 img 元素增加 style 属性，并设置宽度为 100%
 				}
 			},
+			// 收藏
+			onClick() {
+				const that = this;
+				console.log("收藏");
+			},
 			// 查询其他信息
 			async searchOther() {
 				const that = this;
@@ -154,9 +164,16 @@
 				padding: 4vw 2vw;
 
 				.two_1 {
-					padding: 1vw 0;
-					font-weight: bold;
-					font-size: var(--font16Size);
+					display: flex;
+					justify-content: space-between;
+
+					.name {
+						width: 80vw;
+						padding: 1vw 0;
+						font-weight: bold;
+						font-size: var(--font16Size);
+					}
+
 				}
 
 				.two_2 {

unpackage/dist/dev/mp-weixin/pagesHome/hotel/detail.js

@@ -98,6 +98,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
 var components
+try {
+  components = {
+    uniFav: function () {
+      return Promise.all(/*! import() | uni_modules/uni-fav/components/uni-fav/uni-fav */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-fav/components/uni-fav/uni-fav")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-fav/components/uni-fav/uni-fav.vue */ 587))
+    },
+  }
+} catch (e) {
+  if (
+    e.message.indexOf("Cannot find module") !== -1 &&
+    e.message.indexOf(".vue") !== -1
+  ) {
+    console.error(e.message)
+    console.error("1. 排查组件名称拼写是否正确")
+    console.error(
+      "2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"
+    )
+    console.error(
+      "3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件"
+    )
+  } else {
+    throw e
+  }
+}
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -195,6 +218,11 @@ var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/r
 //
 //
 //
+//
+//
+//
+//
+//
 var _default = {
   data: function data() {
     return {
@@ -317,6 +345,11 @@ var _default = {
         }).replace(/\<img/gi, '<img style="width:100%;"'); // 对 img 元素增加 style 属性，并设置宽度为 100%
       }
     },
+    // 收藏
+    onClick: function onClick() {
+      var that = this;
+      console.log("收藏");
+    },
     // 预订
     toBuy: function toBuy(item) {
       var that = this;

unpackage/dist/dev/mp-weixin/pagesHome/hotel/detail.json

@@ -1,4 +1,6 @@
 {
   "navigationBarTitleText": "房间信息",
-  "usingComponents": {}
+  "usingComponents": {
+    "uni-fav": "/uni_modules/uni-fav/components/uni-fav/uni-fav"
+  }
 }

unpackage/dist/dev/mp-weixin/pagesHome/hotel/detail.wxss

@@ -21,6 +21,11 @@
   padding: 4vw 2vw;
 }
 .main .bottom .two .two_1.data-v-38f4bfe6 {
+  display: flex;
+  justify-content: space-between;
+}
+.main .bottom .two .two_1 .name.data-v-38f4bfe6 {
+  width: 80vw;
   padding: 1vw 0;
   font-weight: bold;
   font-size: var(--font16Size);

unpackage/dist/dev/mp-weixin/pagesHome/hotel/index.js

@@ -345,7 +345,7 @@ var _default = {
     // 收藏
     onClick: function onClick() {
       var that = this;
-      item.is_collect = !item.is_collect;
+      console.log("收藏");
     },
     // 分页
     toPage: function toPage(e) {

unpackage/dist/dev/mp-weixin/pagesHome/ticket/info.js

@@ -395,7 +395,7 @@ var _default = {
     // 收藏
     onClick: function onClick() {
       var that = this;
-      item.is_collect = !item.is_collect;
+      console.log("收藏");
     },
     // 预订
     toBuy: function toBuy(item) {

unpackage/dist/dev/mp-weixin/pagesHome/type/index.js

@@ -344,7 +344,7 @@ var _default = {
     // 收藏
     onClick: function onClick(item) {
       var that = this;
-      item.is_collect = !item.is_collect;
+      console.log("收藏");
     },
     // 分页
     toPage: function toPage(e) {

unpackage/dist/dev/mp-weixin/pagesHome/type/info.js

@@ -98,6 +98,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
 var components
+try {
+  components = {
+    uniFav: function () {
+      return Promise.all(/*! import() | uni_modules/uni-fav/components/uni-fav/uni-fav */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-fav/components/uni-fav/uni-fav")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-fav/components/uni-fav/uni-fav.vue */ 587))
+    },
+  }
+} catch (e) {
+  if (
+    e.message.indexOf("Cannot find module") !== -1 &&
+    e.message.indexOf(".vue") !== -1
+  ) {
+    console.error(e.message)
+    console.error("1. 排查组件名称拼写是否正确")
+    console.error(
+      "2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"
+    )
+    console.error(
+      "3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件"
+    )
+  } else {
+    throw e
+  }
+}
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -207,6 +230,11 @@ var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/r
 //
 //
 //
+//
+//
+//
+//
+//
 var _default = {
   data: function data() {
     return {
@@ -308,6 +336,11 @@ var _default = {
         }).replace(/\<img/gi, '<img style="width:100%;"'); // 对 img 元素增加 style 属性，并设置宽度为 100%
       }
     },
+    // 收藏
+    onClick: function onClick() {
+      var that = this;
+      console.log("收藏");
+    },
     // 查询其他信息
     searchOther: function searchOther() {
       var _this2 = this;

unpackage/dist/dev/mp-weixin/pagesHome/type/info.json

@@ -1,4 +1,6 @@
 {
   "navigationBarTitleText": "详情",
-  "usingComponents": {}
+  "usingComponents": {
+    "uni-fav": "/uni_modules/uni-fav/components/uni-fav/uni-fav"
+  }
 }

unpackage/dist/dev/mp-weixin/pagesHome/type/info.wxss

@@ -21,6 +21,11 @@
   padding: 4vw 2vw;
 }
 .main .bottom .two .two_1.data-v-ecf5e70e {
+  display: flex;
+  justify-content: space-between;
+}
+.main .bottom .two .two_1 .name.data-v-ecf5e70e {
+  width: 80vw;
   padding: 1vw 0;
   font-weight: bold;
   font-size: var(--font16Size);