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

app.json

@@ -2,6 +2,7 @@
   "plugins": {},
   "pages": [
     "pages/myself/myself",
+    "pages/classTotalList/classTotalList",
     "pages/teamWork/teamWork",
     "pages/forBack/forBack",
     "pages/orderClassDetail/orderClassDetail",

pages/classTotalList/classTotalList.js

@@ -0,0 +1,69 @@
+// pages/classTotalList/classTotalList.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    list:[
+      {},
+      {}
+    ]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/classTotalList/classTotalList.json

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

pages/classTotalList/classTotalList.wxml

@@ -0,0 +1,20 @@
+<view class="container">
+  <view class="class-view">
+    <view class="class-list">
+      <view class="class-box" wx:for="{{list}}" wx:key="index">
+        <view class="class-content">
+          <view class="class-detail">
+            <view class="class-title">小象钢琴</view>
+            <view class="class-used">已上课时：1次</view>
+            <view class="class-vaild">有效期至：2021.05.01</view>
+          </view>
+          <view class="class-lastTotal">
+            <view class="class-lastNum">22</view>
+            <view class="class-lastTitle">剩余课时</view>
+          </view>
+        </view>
+        <view class="class-tip">本课程请假余额 5 次</view>
+      </view>
+    </view>
+  </view>
+</view>

pages/classTotalList/classTotalList.wxss

@@ -0,0 +1,44 @@
+/* pages/classTotalList/classTotalList.wxss */
+.container{
+  padding: 0;
+  margin: 0;
+}
+.class-content{
+  width: 656rpx;
+    margin: 20rpx 25rpx;
+    padding: 10rpx 20rpx;
+    border-left: 4rpx solid #cc6031;
+    border-radius: 15rpx;
+    display: flex;
+    box-shadow: 0rpx 10rpx 20rpx 10rpx #d1d1d1;
+}
+.class-detail view{
+  height: 60rpx;
+  line-height: 60rpx;
+}
+.class-title{
+  font-size: 32rpx;
+}
+.class-used,.class-vaild{
+  color: #999;
+}
+
+.class-lastTotal{
+  margin-left: auto;
+    text-align: center;
+    height: 90rpx;
+    padding-top: 45rpx;
+}
+.class-lastNum{
+  color: #cc6031;
+  font-size: 40rpx;
+}
+.class-lastTitle{
+  font-size: 28rpx;
+  color:#999;
+}
+.class-tip{
+  width: 660rpx;
+  margin: 40rpx 45rpx;
+  color: #005033;
+}

pages/myself/myself.wxml

@@ -36,28 +36,29 @@
 				</view>
 				<image lazy-load mode="aspectFill" class="li-arrow" src="{{imageUrl? imageUrl+'arrow0603.png' : ''}}"></image>
 			</view>
-			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/cardList/cardList">
+			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/classTotalList/classTotalList">
 				<view class="li-left">
 					<image lazy-load mode="aspectFill" class="li-icon" src="/images/my-classTotal.png"></image>
 					<text>课时统计</text>
 				</view>
 				<image lazy-load mode="aspectFill" class="li-arrow" src="{{imageUrl? imageUrl+'arrow0603.png' : ''}}"></image>
 			</view>
-			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/forBack/forBack" >
+			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/campusDistribution/campusDistribution">
 				<view class="li-left">
-					<image lazy-load mode="aspectFill" class="li-icon" src="/images/my-forback.png"></image>
-					<text>校长信箱</text>
+					<image lazy-load mode="aspectFill" class="li-icon" src="/images/my-student.png"></image>
+					<text>推荐学员</text>
 				</view>
 				<image lazy-load mode="aspectFill" class="li-arrow" src="{{imageUrl? imageUrl+'arrow0603.png' : ''}}"></image>
 			</view>
-      <view class="line"></view>
-      <view class="list-item" catchtap="goNavigateTo" data-url="/pages/campusDistribution/campusDistribution">
+			<view class="line"></view>
+			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/forBack/forBack" >
 				<view class="li-left">
-					<image lazy-load mode="aspectFill" class="li-icon" src="/images/my-student.png"></image>
-					<text>推荐学员</text>
+					<image lazy-load mode="aspectFill" class="li-icon" src="/images/my-forback.png"></image>
+					<text>校长信箱</text>
 				</view>
 				<image lazy-load mode="aspectFill" class="li-arrow" src="{{imageUrl? imageUrl+'arrow0603.png' : ''}}"></image>
 			</view>
+      
 			<view class="list-item" catchtap="goNavigateTo" data-url="/pages/teamWork/teamWork">
 				<view class="li-left">
 					<image lazy-load mode="aspectFill" class="li-icon" src="/images/my-toget.png"></image>