commission--yt-commit

pages/course/courseList/courseList.js

@@ -0,0 +1,80 @@
+// pages/course/courseList/courseList.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    items:[null,null,null,null,null,null,null,null,null],
+    courseType: '', // 课程类别
+  },
+
+  // 跳转课程详情页面
+  gotoCourseDetail(e) {
+
+    const courseId = e.currentTarget.dataset.id;
+
+    wx.navigateTo({
+      url: `/pages/course/courseDetail/courseDetail?id=${courseId}` ,
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    // console.log('option--->',options);
+    this.setData({
+      courseType: options.type
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/course/courseList/courseList.json

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

pages/course/courseList/courseList.wxml

@@ -0,0 +1,35 @@
+<!--pages/course/courseList/courseList.wxml-->
+<view class="flex-col page">
+  <text class="self-center text">{{ courseType }}</text>
+  <image
+    class="shrink-0 self-start image image_2"
+    src="./image/line.png"
+  />
+  <image
+    class="shrink-0 self-end image image_3"
+    src="./image/line.png"
+  />
+  <view class="flex-col self-stretch list">
+    <view
+      class="flex-col justify-start list-item"
+      wx:for="{{items}}"
+      wx:for-item="item"
+      wx:for-index="index"
+      wx:key="index"
+    >
+      <view class="flex-row items-center relative group" bind:tap="gotoCourseDetail" data-id="{{ '1' }}">
+        <image
+          class="shrink-0 image_4"
+          src="https://ide.code.fun/api/image?token=6858ee4b4ae84d0012334127&name=9c2a22f14e2bd768cbd40d939693e4a8.png"
+        />
+        <view class="flex-col flex-1 ml-12">
+          <text class="font">区块链和加密数字货币（随报随学认证班）</text>
+          <view class="flex-row justify-between items-baseline mt-17">
+            <text class="font_2">券后99元起</text>
+            <text class="font_3">18523人学习</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

pages/course/courseList/courseList.wxss

@@ -0,0 +1,63 @@
+/* pages/course/courseList/courseList.wxss */
+.mt-17 {
+  margin-top: 31.88rpx;
+}
+.page {
+  /* padding: 38.53rpx 0 ; */
+  background-color: #ffffff;
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.text {
+  color: #000000;
+  font-size: 30rpx;
+  font-family: SourceHanSansCN;
+  line-height: 27.64rpx;
+}
+.image {
+  width: 255rpx;
+  height: 1.88rpx;
+}
+.image_2 {
+  margin-left: 40.78rpx;
+  margin-top: -14.7rpx;
+}
+.image_3 {
+  margin-right: 37.97rpx;
+}
+.list {
+  padding-top: 20.21rpx;
+}
+.list-item {
+  height: 178.13rpx;
+}
+.group {
+  margin: -18.24rpx 29.46rpx 0 35.63rpx;
+  padding: 57.19rpx 0 26.27rpx;
+  border-bottom: solid 1.88rpx #d6d6d6;
+}
+.image_4 {
+  border-radius: 9.38rpx;
+  width: 208.13rpx;
+  height: 133.13rpx;
+}
+.font {
+  font-size: 26.25rpx;
+  font-family: SourceHanSansCN;
+  line-height: 31.88rpx;
+  color: #000000;
+}
+.font_2 {
+  font-size: 26.25rpx;
+  font-family: AlibabaPuHuiTi;
+  line-height: 24.15rpx;
+  color: #ff5733;
+}
+.font_3 {
+  font-size: 22.5rpx;
+  font-family: AlibabaPuHuiTi;
+  line-height: 20.34rpx;
+  color: #a6a6a6;
+}