The news list is complete.

Mei-jing · Apr 24, 2020 · 38620e6 · 38620e6
1 parent 1c4bb31
commit 38620e6
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 4 deletions.
diff --git a/ReaderMovie/data/posts-data.js b/ReaderMovie/data/posts-data.js
@@ -12,7 +12,7 @@ var local_database = [{
     detail: "菊黄蟹正肥，品尝秋之味。徐志摩把“看初花的荻芦”和“到楼外楼吃蟹”并列为秋天来杭州不能错过的风雅之事；用林妹妹的话讲是“螯封嫩玉双双满，壳凸红脂块块香”；在《世说新语》里，晋毕卓更是感叹“右手持酒杯，左手持蟹螯，拍浮酒船中，便足了一生矣。”漫漫人生长路，美食与爱岂可辜负？于是作为一个吃货，突然也很想回味一下属于我的味蕾记忆。记忆中的秋蟹，是家人的味道，弥漫着浓浓的亲情。\n\n是谁来自山川湖海，却囿于昼夜，厨房与爱？ 是母亲，深思熟虑，聪明耐心。吃蟹前，总会拿出几件工具，煞有介事而乐此不疲。告诉我们螃蟹至寒，需要佐以姜茶以祛寒，在配备的米醋小碟里，亦添入姜丝与紫苏，前者驱寒后者增香。泡好菊花茶，岁月静好，我们静等。",
     postId: 0,
     music: {
-      url: "http://music.163.com/song/media/outer/url?id=142604.mp3",
+      url: "http://music.163.com/song/media/outer/url?id=27538254.mp3",
       title: "夜夜夜夜-齐秦",
       coverImg: "http://y.gtimg.cn/music/photo_new/T002R150x150M000001TEc6V0kjpVC.jpg?max_age=2592000"
     }

diff --git a/ReaderMovie/pages/posts/post-detail/post-detail.js b/ReaderMovie/pages/posts/post-detail/post-detail.js
@@ -6,7 +6,7 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    isPlayingMusic: false
   },
 
   /**
@@ -101,6 +101,46 @@ Page({
     })
   },
 
+  onShareTap: function(event) {
+    var itemList = [
+      "分享给微信好友",
+      "分享到朋友圈",
+      "分享到 QQ",
+      "分享到微博",
+    ];
+    wx.showActionSheet({
+      itemList: itemList,
+      itemColor: "#405f80",
+      success: function(res) {
+        // res.cancle 用户是不是点击了取消按钮；
+        // res.tapIndex 数组元素的序号，从 0 开始；
+        wx.showModal({
+          title: itemList[res.tapIndex],
+          content: "点击确定分享",
+        })
+      }
+    })
+  },
+
+  onMusicTap: function(enent) {
+    var currentPostId = this.data.currentPostId;
+    var isPlayingMusic = this.data.isPlayingMusic;
+    if (isPlayingMusic) {
+      wx.pauseBackgroundAudio();
+      this.setData({
+        isPlayingMusic: false
+      })
+    } else {
+      wx.playBackgroundAudio({
+        dataUrl: postsData.postList[currentPostId].music.url,
+        title: postsData.postList[currentPostId].music.title,
+        coverImgUrl: postsData.postList[currentPostId].music.coverImg,
+      })
+      this.setData({
+        isPlayingMusic: true
+      })
+    }
+  },
 
 
 

diff --git a/ReaderMovie/pages/posts/post-detail/post-detail.wxml b/ReaderMovie/pages/posts/post-detail/post-detail.wxml
@@ -1,7 +1,7 @@
 <!--先静后动，先样式再数据-->
 <view class="container">
   <image src="{{postData.headImgSrc}}" class="head-image"></image>
-  <image class="audio" src="/images/music/music-start.png"></image>
+  <image catchtap="onMusicTap" class="audio" src="{{isPlayingMusic?'/images/music/music-stop.png':'/images/music/music-start.png'}}"></image>
   <view class="author-date">
     <image src="{{postData.avatar}}" class="avatar"></image>
     <text class="author">{{postData.author}}</text>
@@ -14,7 +14,7 @@
     <view class="circle-img">
       <image wx:if="{{collected}}" catchtap="onCollectionTap" src="/images/icon/collection.png"></image>
       <image wx:else catchtap="onCollectionTap" src="/images/icon/collection-anti.png"></image>
-      <image class="share-img" src="/images/icon/share.png"></image>
+      <image catchtap="onShareTap" class="share-img" src="/images/icon/share.png"></image>
     </view>
     <view class="horizon"></view>
   </view>