Signed-off-by: yukangzhe <382985154@qq.com>

app.json

@@ -16,7 +16,8 @@
     "pages/lessonsDetail/lessonsDetail",
     "pages/targetList/targetList",
     "pages/addClass/addClass",
-    "pages/theClasses/theClasses"
+    "pages/theClasses/theClasses",
+    "pages/growUp/growUp"
   ],
   "window": {
     "backgroundTextStyle": "dark",

pages/growUp/growUp.js

@@ -0,0 +1,104 @@
+// pages/growUp/growUp.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    src:'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',
+    list:[
+      {
+        time: '2021-02-01 11:11',
+        name: '报名课程：小象钢琴 1',
+        desc: '来自我的足迹',
+      },
+      {
+        time: '2021-02-02 11:11',
+        name: '报名课程：小象钢琴 2',
+        desc: '来自我的足迹',
+      },
+      {
+        time: '2021-02-03 11:11',
+        name: '发布新动态',
+        desc: '来自我的足迹',
+        type: '2'
+      },
+      {
+        time: '2021-02-04 11:11',
+        name: '取得新成绩：二月调考 88 分',
+        desc: '来自我的足迹',
+        type: '1'
+      },
+      {
+        time: '2021-02-05 11:11',
+        name: '报名课程：小象钢琴 3',
+        desc: '来自我的足迹',
+      },
+    ]
+  },
+
+  getImg:function(e){
+    // const list = [e.currentTarget.dataset.url]
+    const list = ['https://file.schoolwisdoms.com/image/26cf1980-5b25-4c2e-af7f-376677d76033.jpg']
+    wx.previewImage({
+      current: list[0],
+      urls: list,
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/growUp/growUp.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/growUp/growUp.wxml

@@ -0,0 +1,19 @@
+<view class="container">
+  <view class="grow-view">
+    <view class="grow-list">
+      <view class="grou-box" wx:for="{{list}}" wx:key="index">
+        <view class="line-index"></view>
+        <view class="grow-title">
+          <view class="grow-time">{{item.time}}</view>
+          <view class="grow-name">{{item.name}}</view>
+          <view class="grow-content">
+            <image wx:if="{{item.type == 1}}" mode="aspectFill" src="/images/logo.png" bindtap="getImg" data-url="/images/logo.png"></image>
+            <video wx:if="{{item.type == 2}}"
+              src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"></video>
+          </view>
+          <view class="grow-desc">{{item.desc}}</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

pages/growUp/growUp.wxss

@@ -0,0 +1,51 @@
+/* pages/growUp/growUp.wxss */
+.container{
+  padding: 0;
+  margin: 0;
+}
+.grow-list{
+  width: 699rpx;
+  margin: 0 25rpx;
+  border-left: 1rpx solid #ccc;
+}
+.grow-box{
+  display: flex;
+}
+.grow-title{
+  padding-left: 30rpx;
+}
+.line-index{
+    width: 20rpx;
+    height: 20rpx;
+    background: #cc6031;
+    border-radius: 20rpx;
+    position: relative;
+    top: 40rpx;
+    left: -10rpx;
+}
+.grow-time{
+  font-size: 32rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+}
+.grow-name{
+  height: 40rpx;
+    line-height: 40rpx;
+}
+.grow-desc{
+  font-size: 20rpx;
+    background: #eee;
+    display: inline-block;
+    height: 30rpx;
+    line-height: 30rpx;
+    color: #666;
+    padding: 5rpx 10rpx;
+    margin-top: 30rpx;
+}
+.grow-content image,.grow-content video{
+  max-width: 400rpx;
+  max-height: 300rpx;
+}
+.grow-content{
+  margin: 20rpx 0;
+}

pages/index/index.js

@@ -20,7 +20,7 @@ Page({
       { img: '/images/kb.png', title: '我的课表',url:"/pages/schedule/schedule" },
       { img: '/images/zy.png', title: '提交作业',url:"/pages/task/task" },
       { img: '/images/dp.png', title: '课堂点评' },
-      { img: '/images/zj.png', title: '成长足迹' },
+      { img: '/images/zj.png', title: '成长足迹', url:"/pages/growUp/growUp"},
       { img: '/images/qj.png', title: '请假',url:"/pages/leave/leave" },
       { img: '/images/bk.png', title: '补课',url:"/pages/lessons/lessons" },
       { img: '/images/jk.png', title: '加课' ,url: "/pages/addClass/addClass"},