From 386c1976cfe1ab96a1145594616e6616e011530a Mon Sep 17 00:00:00 2001
From: link_1999 <1402246900@qq.com>
Date: Wed, 27 Apr 2022 18:31:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?=
 =?UTF-8?q?=20'=E6=96=B0=E9=97=BB=E5=B0=8F=E7=A8=8B=E5=BA=8F/pages/collect?=
 =?UTF-8?q?'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增功能：收藏
---
 新闻小程序/pages/collect/collect.js   | 32 ++++++++++++++++++++++
 新闻小程序/pages/collect/collect.json |  3 +++
 新闻小程序/pages/collect/collect.wxml | 17 ++++++++++++
 新闻小程序/pages/collect/collect.wxss | 38 +++++++++++++++++++++++++++
 4 files changed, 90 insertions(+)
 create mode 100644 新闻小程序/pages/collect/collect.js
 create mode 100644 新闻小程序/pages/collect/collect.json
 create mode 100644 新闻小程序/pages/collect/collect.wxml
 create mode 100644 新闻小程序/pages/collect/collect.wxss

diff --git a/新闻小程序/pages/collect/collect.js b/新闻小程序/pages/collect/collect.js
new file mode 100644
index 0000000..74dae80
--- /dev/null
+++ b/新闻小程序/pages/collect/collect.js
@@ -0,0 +1,32 @@
+// pages/collect/collect.js
+Page({
+  data: {
+    news_list: [],
+  },
+  onLoad: function (options) {
+    this.getList()
+  },
+  getList() {
+    wx.cloud.database().collection('news_collect').get()
+      .then(res => {
+        console.log('获取收藏页成功', res)
+        let len = res.data.length
+        console.log('收藏页新闻数量：', len)
+        let datalist = res.data
+        this.setData({
+          news_list: datalist,
+        })
+      })
+  },
+  gotoDetail(event) {
+    console.log('用户点击的新闻id：', event.currentTarget.dataset.id)
+    console.log('用户点击的新闻所在数据库：', event.currentTarget.dataset.type)
+    let currentIndex = event.currentTarget.dataset.type
+    wx.navigateTo({
+      url: '/pages/news-detail/news-detail?id=' + event.currentTarget.dataset.id + '&currentIndex=' + currentIndex,
+    })
+  },
+  onShow: function () {
+    this.getList()
+  },
+})
\ No newline at end of file
diff --git a/新闻小程序/pages/collect/collect.json b/新闻小程序/pages/collect/collect.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/新闻小程序/pages/collect/collect.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/新闻小程序/pages/collect/collect.wxml b/新闻小程序/pages/collect/collect.wxml
new file mode 100644
index 0000000..ed81382
--- /dev/null
+++ b/新闻小程序/pages/collect/collect.wxml
@@ -0,0 +1,17 @@
+<!-- 新闻列表 -->
+<view class="news_list">
+  <view wx:for="{{news_list}}" wx:key="_id">
+    <!-- 标题框（图片和文字） -->
+    <view class="pic-words" bindtap="gotoDetail" data-id="{{item._id}}" data-type="{{item.type}}">
+      <view wx:if="{{item.news_img != 'None'}}">
+        <image class="news_image" src="{{item.news_img}}"></image>
+      </view>
+      <view class="news_title title-words">{{item.news_title}}</view>
+    </view>
+    <!-- 发布单位与发布时间 -->
+    <view class="publish">
+      <view class="publisher">{{item.news_author}}</view>
+      <view class="create-time">{{item.news_date}}</view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/新闻小程序/pages/collect/collect.wxss b/新闻小程序/pages/collect/collect.wxss
new file mode 100644
index 0000000..0f2749d
--- /dev/null
+++ b/新闻小程序/pages/collect/collect.wxss
@@ -0,0 +1,38 @@
+/* 新闻列表样式 */
+.news_list {
+  padding: 10rpx 30rpx 30rpx 30rpx;
+}
+/* 标题图文框 */
+.pic-words {
+  display: flex;
+  flex-direction: row;
+  margin-top: 30rpx;
+}
+/* 新闻图片 */
+.news_image {
+  width: 250rpx;
+  height: 175rpx;
+}
+
+/* 新闻标题 */
+.news_title {
+  font-size: 20px;
+  margin-left: 15rpx;
+}
+
+/* 发布单位 */
+.publish {
+  display: flex;
+  flex-direction: row;
+  font-size: 14px;
+  color: grey;
+  margin-top: 10rpx;
+  border-bottom: 1px solid;
+  border-bottom-color: rgb(163, 147, 147);
+}
+
+/* 发布时间 */
+.create-time {
+  margin-left: 30rpx;
+  margin-bottom: 20rpx;
+}
\ No newline at end of file