修改点赞

common/css/font-icon.css

@@ -1,82 +1,85 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 4241853 */
-  src: url('//at.alicdn.com/t/c/font_4241853_1c99vjt3wel.woff2?t=1694419891836') format('woff2'),
-       url('//at.alicdn.com/t/c/font_4241853_1c99vjt3wel.woff?t=1694419891836') format('woff'),
-       url('//at.alicdn.com/t/c/font_4241853_1c99vjt3wel.ttf?t=1694419891836') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-weixin:before {
-  content: "\e73b";
-}
-
-.icon-pinglun:before {
-  content: "\e8b4";
-}
-
-.icon-shoucang:before {
-  content: "\e86d";
-}
-
-.icon-shoucang1:before {
-  content: "\e8b9";
-}
-
-.icon-fabu:before {
-  content: "\e65d";
-}
-
-.icon-7yijianfankui:before {
-  content: "\e608";
-}
-
-.icon-zhanghaoshezhi:before {
-  content: "\e610";
-}
-
-.icon-youhuijuan:before {
-  content: "\e60b";
-}
-
-.icon-weibiaoti2fuzhi04:before {
-  content: "\e621";
-}
-
-.icon-shouhou:before {
-  content: "\e624";
-}
-
-.icon-daipingjia:before {
-  content: "\e63d";
-}
-
-.icon-daishiyong:before {
-  content: "\e611";
-}
-
-.icon-dayuhao:before {
-  content: "\e625";
-}
-
-.icon-icon_set_up:before {
-  content: "\e612";
-}
-
-.icon-yonghu:before {
-  content: "\e69f";
-}
-
-.icon-aixin:before {
-  content: "\e83f";
-}
-
-.icon-aixin1:before {
-  content: "\e60f";
-}
+@font-face {
+	font-family: "iconfont";
+	/* Project id 4241853 */
+	src: url('//at.alicdn.com/t/c/font_4241853_1c99vjt3wel.woff2?t=1694419891836') format('woff2'),
+		url('//at.alicdn.com/t/c/font_4241853_1c99vjt3wel.woff?t=1694419891836') format('woff'),
+		url('//at.alicdn.com/t/c/font_4241853_1c99vjt3wel.ttf?t=1694419891836') format('truetype');
+}
+
+.iconfont {
+	font-family: "iconfont" !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-weixin:before {
+	content: "\e73b";
+}
+
+.icon-pinglun:before {
+	content: "\e8b4";
+}
+
+.icon-shoucang:before {
+	content: "\e86d";
+	color: red;
+}
+
+.icon-shoucang1:before {
+	content: "\e8b9";
+}
+
+.icon-fabu:before {
+	content: "\e65d";
+}
+
+.icon-7yijianfankui:before {
+	content: "\e608";
+}
+
+.icon-zhanghaoshezhi:before {
+	content: "\e610";
+}
+
+.icon-youhuijuan:before {
+	content: "\e60b";
+}
+
+.icon-weibiaoti2fuzhi04:before {
+	content: "\e621";
+}
+
+.icon-shouhou:before {
+	content: "\e624";
+}
+
+.icon-daipingjia:before {
+	content: "\e63d";
+}
+
+.icon-daishiyong:before {
+	content: "\e611";
+}
+
+.icon-dayuhao:before {
+	content: "\e625";
+}
+
+.icon-icon_set_up:before {
+	content: "\e612";
+}
+
+.icon-yonghu:before {
+	content: "\e69f";
+}
+
+.icon-aixin:before {
+	content: "\e83f";
+}
+
+.icon-aixin1:before {
+	content: "\e60f";
+	color: red;
+}

pages/home/index.vue

@@ -59,7 +59,7 @@
 													</view>
 													<view class="right" @tap.stop="toLike(item)">
 														<text v-if="item.is_like" class="iconfont icon-aixin1"></text>
-														<text else class="iconfont icon-aixin"></text>
+														<text v-else class="iconfont icon-aixin"></text>
 														{{item.like_num||'0'}}
 													</view>
 												</view>
@@ -80,6 +80,7 @@
 </template>
 
 <script>
+	import moment from 'moment';
 	import tabs from '../../components/tabs/index.vue';
 	export default {
 		components: {
@@ -87,6 +88,7 @@
 		},
 		data() {
 			return {
+				user: {},
 				config: {},
 				// 轮播图
 				imgList: [],
@@ -113,11 +115,13 @@
 		},
 		onLoad: async function() {
 			const that = this;
+			that.searchToken();
 			await that.searchOther();
-			await that.search();
 		},
 		onShow: async function(e) {
 			const that = this;
+			that.clearPage();
+			await that.search();
 		},
 		onPullDownRefresh: async function() {
 			const that = this;
@@ -126,6 +130,19 @@
 			uni.stopPullDownRefresh();
 		},
 		methods: {
+			searchToken() {
+				const that = this;
+				try {
+					const res = uni.getStorageSync('token');
+					if (res) that.$set(that, `user`, res);
+				} catch (e) {
+					uni.showToast({
+						title: err.errmsg,
+						icon: 'error',
+						duration: 2000
+					});
+				}
+			},
 			// 查询
 			async search() {
 				const that = this;
@@ -141,6 +158,23 @@
 					...info,
 				});
 				if (res.errcode == '0') {
+					if (that.user._id) {
+						for (let val of res.data) {
+							const like = await that.$api(`/like`, 'GET', {
+								source: val._id,
+								user: that.user._id,
+								type: '0'
+							});
+							if (like.errcode == '0' && like.total > 0) val.is_like = true
+							else val.is_like = false
+							const likenum = await that.$api(`/like`, 'GET', {
+								source: val._id,
+								type: '0',
+								limit: 1
+							});
+							if (likenum.errcode == '0') val.like_num = likenum.total
+						}
+					}
 					let list = [...that.list, ...res.data];
 					that.$set(that, `list`, list);
 					that.$set(that, `total`, res.total)
@@ -150,6 +184,7 @@
 						icon: 'none'
 					})
 				}
+
 			},
 			// 点击模块
 			toChange(item) {
@@ -166,8 +201,33 @@
 				})
 			},
 			// 点赞/取消点赞
-			toLike(item) {
-				console.log(item)
+			async toLike(item) {
+				const that = this;
+				let res;
+				if (item.is_like == false) {
+					const form = {
+						user: that.user._id,
+						source: item._id,
+						type: '0',
+						create_time: moment().format('YYYY-MM-DD HH:mm:ss'),
+					}
+					res = await that.$api(`/like`, 'POST', form);
+					if (res.errcode == '0') {
+						that.clearPage();
+						that.search()
+					}
+				} else {
+					res = await that.$api(`/like`, 'GET', {
+						source: item._id,
+						user: that.user._id,
+						type: '0'
+					});
+					if (res.errcode == '0' && res.total > 0) {
+						await that.$api(`/like/${res.data[0]._id}`, 'DELETE', {})
+						that.clearPage();
+						that.search()
+					}
+				}
 			},
 			// 查询其他信息
 			async searchOther() {

pagesHome/article/index.vue

@@ -47,12 +47,14 @@
 					</uni-easyinput>
 				</view>
 				<view class="right">
-					<view class="right_1">
-						<text class="iconfont icon-aixin"></text>
+					<view class="right_1" @tap.stop="toLike('0')">
+						<text v-if="info.is_like" class="iconfont icon-aixin1"></text>
+						<text v-else class="iconfont icon-aixin"></text>
 						<text>{{like||0}}</text>
 					</view>
-					<view class="right_1">
-						<text class="iconfont icon-shoucang1"></text>
+					<view class="right_1" @tap.stop="toLike('1')">
+						<text v-if="info.is_collect" class="iconfont icon-shoucang"></text>
+						<text v-else class="iconfont icon-shoucang1"></text>
 						<text>{{collect||0}}</text>
 					</view>
 					<view class="right_1" @click="pageScroll">
@@ -137,6 +139,34 @@
 					res = await that.$api(`/article/${that.id}`, 'GET', {})
 					if (res.errcode == '0') {
 						res.data.zhType = that.searchDict(res.data.type, 'type')
+						if (that.user._id) {
+							const like = await that.$api(`/like`, 'GET', {
+								source: res.data._id,
+								user: that.user._id,
+								type: '0'
+							});
+							if (like.errcode == '0' && like.total > 0) res.data.is_like = true
+							else res.data.is_like = false
+							const collect = await that.$api(`/like`, 'GET', {
+								source: res.data._id,
+								user: that.user._id,
+								type: '1'
+							});
+							if (collect.errcode == '0' && collect.total > 0) res.data.is_collect = true
+							else res.data.is_collect = false
+							const likenum = await that.$api(`/like`, 'GET', {
+								source: res.data._id,
+								type: '0',
+								limit: 1
+							});
+							if (likenum.errcode == '0') that.$set(that, `like`, likenum.total)
+							const collectnum = await that.$api(`/like`, 'GET', {
+								source: res.data._id,
+								type: '1',
+								limit: 1
+							});
+							if (collectnum.errcode == '0') that.$set(that, `collect`, collectnum.total)
+						}
 						that.$set(that, `info`, res.data)
 						uni.setNavigationBarTitle({
 							title: res.data.contact_name
@@ -212,6 +242,41 @@
 						}).exec();
 					}, 100);
 				});
+			},
+			// 点赞/取消点赞
+			async toLike(type) {
+				const that = this;
+				const info = that.info
+				let res;
+				let like;
+				if (type == '0') like = info.is_like
+				else like = info.is_collect
+				if (like == false) {
+					const form = {
+						user: that.user._id,
+						source: info._id,
+						type: type,
+						create_time: moment().format('YYYY-MM-DD HH:mm:ss'),
+					}
+					res = await that.$api(`/like`, 'POST', form);
+					if (res.errcode == '0') {
+						that.clearPage();
+						that.search()
+					}
+				} else {
+					res = await that.$api(`/like`, 'GET', {
+						source: info._id,
+						user: that.user._id,
+						type: type
+					});
+					if (res.errcode == '0' && res.total > 0) {
+						await that.$api(`/like/${res.data[0]._id}`, 'DELETE', {})
+						that.clearPage();
+						that.search()
+					}
+				}
+
+
 			},
 			// 发送
 			async toSend(content) {