页面构成

2026-01-05 18:07:57 +08:00
parent 66b2e3ddac
commit c2f0c46c4d
40 changed files with 2817 additions and 0 deletions
@@ -0,0 +1,103 @@
+// pages/WebPageDetails/WebPageDetails.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    htmlcontent: " ",
+    author: "",
+    title: "",
+    date: ""
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+    var receivedIndex = options.index ?? 0;
+    var tempWebPagesContent = wx.getStorageSync('WebPagesContent')[receivedIndex];
+    
+    if (tempWebPagesContent.网页内容) {
+      this.setData({
+        htmlcontent: tempWebPagesContent.网页内容,
+        author: tempWebPagesContent.发布人,
+        title: tempWebPagesContent.网页标题,
+        date: tempWebPagesContent.发布日期
+      });
+    } else {
+      this.setData({
+        htmlcontent: " ",
+        author: "",
+        title: "",
+        date: ""
+      });
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+    const promise = new Promise(resolve => {
+      setTimeout(() => {
+        resolve({
+          title: '叶雷讲数学'
+        })
+      }, 0)
+    })
+    return {
+      title: '叶雷讲数学',
+      path: '',
+      promise
+    }
+  },
+  //允许分享到朋友圈
+  onShareTimeline() {
+
+  }
+})
@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "Parser":"/Parser/index"
+  }
+}
@@ -0,0 +1,12 @@
+<scroll-view class="scrollarea" scroll-y type="list">
+    <text class="pagetitle">{{title}}</text>
+
+    <view class="pageauthoranddate">
+        <text class="pageauthor">{{author}}</text>
+        <text class="pagedate">{{date}}</text>
+    </view>
+
+    <Parser html="{{htmlcontent}}" />
+
+
+</scroll-view>
@@ -0,0 +1,63 @@
+/**index.wxss**/
+page {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+  }
+  .scrollarea {
+    flex: 1;
+    overflow-y: hidden;
+  }
+  .pagetitle {
+    display: block;
+    font-size: 40rpx;
+    text-align: center;
+  }
+  .pagecontent {
+    display: block;
+    font-size: 30rpx;
+    text-align: left;
+    text-indent: 0rem;
+    margin-bottom: 30rpx;
+    padding: 0 10rpx;
+  }
+  .pagecontent:first-child {
+    margin-top: 30rpx;
+}
+  .pageimg {
+      width: 100%;
+  }
+  .pagevideo {
+      width: 750rpx;
+      height: 421rpx;
+  }
+  .pageauthor {
+      color: rgb(165, 165, 165);
+      font-size: 30rpx;
+  }
+  .pagedate {
+      color: rgb(151, 151, 151);
+      padding-left: 60rpx;
+      font-size: 30rpx;
+  }
+  .pageauthoranddate {
+      height: 80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+  }
+  .sharebtn[plain] {
+    display: inline;
+    color: cadetblue;
+    border:none;
+    font-size: 30rpx;
+    margin:0 rpx;
+    margin-left: 20rpx;
+    margin-right: 0rpx;
+    padding:0 ;
+    width: 120rpx;
+  }
+  .content123 {
+    margin: 0;
+  }
+