新闻详情

miniprogram/pages/home/index.js

@@ -12,7 +12,6 @@ Page({
    * 生命周期函数--监听页面加载
    */
   onLoad: async function (options) {
-
     const db = wx.cloud.database();
     const _ = db.command;
     const _this = this;

miniprogram/pages/home/index.wxml

@@ -69,10 +69,4 @@
     </view>
   </view>
   <view class="br"></view>
-  <mp-cell link hover value="视频动态" footer="查看更多" url="/pages/interList/interList?type=vadeo">
-  </mp-cell>
-  <view class="videoList">
-    <view class="title">红色文物会说话（片头）</view>
-    <video class="videoEle" src="cloud://cloud1-6gbxfp9x33ff3b7c.636c-cloud1-6gbxfp9x33ff3b7c-1306051304/jxrtv.mp4"></video>
-  </view>
 </view>

miniprogram/pages/interList/interList.js

@@ -5,23 +5,35 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    newsList: []
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad: function (options) {
+  onLoad: async function (options) {
     console.log(options.type)
-    if(options.type == "news"){
+    if (options.type == "news") {
       wx.setNavigationBarTitle({
-        title: '新闻列表' 
+        title: '新闻列表'
       })
-    }else{
+    } else {
       wx.setNavigationBarTitle({
-        title: '视频列表' 
+        title: '视频列表'
       })
     }
+    const db = wx.cloud.database();
+    let list = await db.collection('data_news').where({
+      type: 1
+    }).get();
+    for (let i = 0; i < list.data.length; i++) {
+      const v = list.data[i];
+      if (v.creat_time) v.creat_time = this.format(v.creat_time || 0)
+    }
+    console.log(list.data)
+    this.setData({
+      newsList: list.data || []
+    })
   },
 
   /**
@@ -73,7 +85,27 @@ Page({
 
   },
 
-  tolist:function(e){
+  tolist: function (e) {
     console.log(e)
+  },
+
+  format: function (res) {
+    if (!res) return ""
+    let num = (res || 0) -0
+    let T = new Date(num);
+    let year = T.getFullYear();
+    let month = T.getMonth() + 1;
+    let day = T.getDate();
+    let hour = T.getHours();
+    let min = T.getMinutes() + 1;
+    let sec = T.getSeconds();
+
+    return year + "-" + (month > 9 ? month : "0" + month) + "-" + day + " " + (hour > 9 ? hour : '0' + hour) + ":" + (min > 9 ? min : '0' + min) + ":" + (sec > 9 ? sec : '0' + sec);
+  },
+  toDetail:function(e){
+    let title = e.currentTarget.dataset.title, id = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: '/pages/detail/detail?title=' + title + "&id=" + id,
+    })
   }
 })

miniprogram/pages/interList/interList.wxml

@@ -1,12 +1,21 @@
 <!--miniprogram/pages/interList/interList.wxml-->
 <view class="interList">
-  <mp-cell link hover value="新闻动态" footer="查看更多">
-  </mp-cell>
-  <view class="newList">
-    <image class="newsImg" src="https://xzhsjy.hdd.jxrtv.com/imgs/hddlogo.png"></image>
-    <view class="newsTitle">
-      <text class="top">新华云直播：“红色文物会说话、红色遗址会发声”融媒传播发布仪式暨“党性教育基地”揭牌仪式</text>
-      <text class="subTitle">发布日期 2021-05-15 11:25:00</text>
+  <view wx:for="{{newsList}}" style="margin-bottom: 20rpx" wx:key="_id" >
+
+    <view class="videoEle" wx:if="{{item.headUrl}}">
+      <text wx:if="{{item.title}}" class="top">{{item.title}}</text>
+      <video class="video" wx:if="{{item.headUrl}}" src="{{item.headUrl}}"></video>
+      <text wx:if="{{item.creat_time}}" class="subTitle">发布日期 {{item.creat_time}}</text>
+    </view>
+    <view wx:if="{{!item.headUrl}}" bindtap="toDetail"  data-id="{{item._id}}" data-title="{{item.title}}">
+      <view class="newList">
+        <image class="newsImg" src="{{item.cover}}" wx:if="{{item.cover}}"></image>
+        <view class="newsTitle">
+          <text wx:if="{{item.title}}" class="top">{{item.title}}</text>
+          <text wx:if="{{item.creat_time}}" class="subTitle">发布日期 {{item.creat_time}}</text>
+        </view>
+      </view>
     </view>
   </view>
+
 </view>

miniprogram/pages/interList/interList.wxss

@@ -37,7 +37,7 @@
   box-sizing: border-box;
 }
 
-.newList .top {
+ .top {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
@@ -45,5 +45,12 @@
 }
 
 .videoEle {
+  box-shadow: 3rpx 3rpx 20rpx rgba(0, 0, 0, .1);
+  padding: 10rpx;
+}
+.videoEle .video{
   width: 100%;
-}
+}
+.videoEle .newsTitle{
+  padding: 10rpx;
+}