commission--yt-commit

pages/course/searchCourses/searchCourses.js

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

pages/course/searchCourses/searchCourses.json

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

pages/course/searchCourses/searchCourses.wxml

@@ -0,0 +1,26 @@
+<!--pages/course/searchCourses/searchCourses.wxml-->
+<view class="flex-col page">
+  <view class="flex-row items-center section">
+    <image
+      class="image"
+      src="https://ide.code.fun/api/image?token=6854f3c94ae84d0012332367&name=f2d91149603a9b9bbd30ffd5a77c2043.png"
+    />
+    <input class="text ml-3" placeholder="搜索更多好课" />
+  </view>
+  <view class="flex-col list mt-17">
+    <view class="flex-row relative list-item" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+      <view class="list-divider pos_3"></view>
+      <image
+        class="image_2 pos"
+        src="https://ide.code.fun/api/image?token=6854f3c94ae84d0012332367&name=9c2a22f14e2bd768cbd40d939693e4a8.png"
+      />
+      <view class="flex-col group_2 pos_2">
+        <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>

pages/course/searchCourses/searchCourses.wxss

@@ -0,0 +1,89 @@
+/* pages/course/searchCourses/searchCourses.wxss */
+
+.ml-3 {
+  margin-left: 5.63rpx;
+}
+.mt-17 {
+  margin-top: 31.88rpx;
+}
+.page {
+  padding: 26.25rpx 0 918.73rpx;
+  background-color: #ffffff;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.section {
+  margin-left: 28.13rpx;
+  margin-right: 26.27rpx;
+  padding: 11.25rpx 24.38rpx;
+  background-color: #f2f2f2;
+  border-radius: 93.75rpx;
+}
+.image {
+  width: 35.63rpx;
+  height: 35.63rpx;
+}
+.text {
+  color: #a8a8a8;
+  font-size: 22.5rpx;
+  font-family: SourceHanSerifCN;
+  line-height: 20.83rpx;
+}
+.list {
+  padding-top: 11.25rpx;
+  border-top: solid 1.88rpx #d1d1d1;
+}
+.list-item {
+  padding: 28.13rpx 29.46rpx 0 35.63rpx;
+  height: 189.39rpx;
+}
+.list-divider {
+  background-color: #d6d6d6;
+  height: 1.88rpx;
+}
+.pos_3 {
+  position: absolute;
+  left: 35.63rpx;
+  right: 33.81rpx;
+  top: 187.52rpx;
+}
+.image_2 {
+  border-radius: 9.38rpx;
+  width: 208.13rpx;
+  height: 133.13rpx;
+}
+.pos {
+  position: absolute;
+  left: 35.63rpx;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.group_2 {
+  width: 453.49rpx;
+}
+.pos_2 {
+  position: absolute;
+  right: 29.46rpx;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.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;
+}