初始化

2024-12-06 16:18:22 +08:00
commit 884dd70d83
751 changed files with 60883 additions and 0 deletions
@@ -0,0 +1,47 @@
+// components/sign-up-popup/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {},
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    visible: false,
+    num: 0,
+    userList: [],
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    /**
+     * @param {Array} userList 用户列表
+     */
+    open(userList, totalCount) {
+      this.setData({
+        visible: true,
+        userList: userList,
+        num: totalCount
+      });
+    },
+    handleClick() {
+      this.setData({
+        visible: false,
+      });
+    },
+    onVisibleChange({
+      detail: {
+        visible
+      }
+    }) {
+      console.log(visible);
+      this.setData({
+        visible,
+      });
+    },
+  },
+});
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-popup": "tdesign-miniprogram/popup/popup"
+  }
+}
@@ -0,0 +1,15 @@
+<t-popup visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom" close-btn>
+  <view class="sup-main">
+    <view class="sup-header">
+      <view class="sup-title">已有{{num}}人购买该课程</view>
+    </view>
+    <scroll-view class="sup-body" scroll-y>
+      <view class="sup-list">
+        <view wx:for="{{userList}}" wx:key="index" class="sup-user-item">
+          <image class="sup-user-head" src="{{item.avatarUrl}}" />
+          <view>{{item.studentName}}</view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</t-popup>
@@ -0,0 +1,29 @@
+.sup-main {
+  border-radius: 10px 10px 0 0;
+  background-color: #fff;
+}
+.sup-header {
+  display: flex;
+  padding: 1rem;
+}
+.sup-title {
+  flex: auto;
+}
+.sup-body {
+  height: 60vh;
+}
+.sup-list {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+}
+.sup-user-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0.5rem 0;
+}
+.sup-user-head {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+}