作者 xuyangjie

增加新页面

  1 +// pages/dynamic/dynamic.js
  2 +const app = getApp()
  3 +Page({
  4 +
  5 + /**
  6 + * 页面的初始数据
  7 + */
  8 + data: {
  9 + videoUrl:'',
  10 + title:'',
  11 + time:'',
  12 + content:'',
  13 + },
  14 +
  15 + /**
  16 + * 生命周期函数--监听页面加载
  17 + */
  18 + onLoad: function (options) {
  19 + app.post("school/SchoolDynamicDetails", {school_dynamic_id:options.id}).then(res => {
  20 + if(res.code == 1){
  21 + console.log(res)
  22 + this.setData({
  23 + videoUrl:res.data.video_file,
  24 + title:res.data.title,
  25 + time:res.data.createtime,
  26 + content:res.data.content.replace(/\<img/gi, '<img style="width:100%;height:auto" '),
  27 + })
  28 + }
  29 + }).catch(err => {
  30 + wx.showToast({
  31 + title: err.msg,
  32 + icon: 'none'
  33 + })
  34 + })
  35 + },
  36 +
  37 + /**
  38 + * 生命周期函数--监听页面初次渲染完成
  39 + */
  40 + onReady: function () {
  41 +
  42 + },
  43 +
  44 + /**
  45 + * 生命周期函数--监听页面显示
  46 + */
  47 + onShow: function () {
  48 +
  49 + },
  50 +
  51 + /**
  52 + * 生命周期函数--监听页面隐藏
  53 + */
  54 + onHide: function () {
  55 +
  56 + },
  57 +
  58 + /**
  59 + * 生命周期函数--监听页面卸载
  60 + */
  61 + onUnload: function () {
  62 +
  63 + },
  64 +
  65 + /**
  66 + * 页面相关事件处理函数--监听用户下拉动作
  67 + */
  68 + onPullDownRefresh: function () {
  69 +
  70 + },
  71 +
  72 + /**
  73 + * 页面上拉触底事件的处理函数
  74 + */
  75 + onReachBottom: function () {
  76 +
  77 + },
  78 +
  79 + /**
  80 + * 用户点击右上角分享
  81 + */
  82 + onShareAppMessage: function () {
  83 +
  84 + }
  85 +})
  1 +{
  2 + "usingComponents": {}
  3 +}
  1 +<!--pages/dynamic/dynamic.wxml-->
  2 +<text class="title">{{title}}</text>
  3 +<text class="time">
  4 + {{time}}
  5 +</text>
  6 +<video wx:if="{{videoUrl}}" src="{{videoUrl}}"></video>
  7 +<rich-text nodes="{{content}}" ></rich-text>
  1 +/* pages/dynamic/dynamic.wxss */
  2 +page{
  3 + padding: 32rpx;
  4 +}
  5 +.title{
  6 + font-size: 36rpx;
  7 + font-weight: 500;
  8 +}
  9 +.time{
  10 + font-size: 24rpx;
  11 + color: #C4C4C4;
  12 + margin-top: 24rpx;
  13 +}
  14 +video{
  15 + width: 100%;
  16 + margin-top: 40rpx;
  17 +}