Browse Source

feat(member): 添加学员首页功能并调整相关组件样式

- 在 member.js 中添加 memberIndex 方法,用于获取学员首页数据
- 更新 AQTabber.vue 中学员首页的 tab 栏配置
- 修改 index.vue 中的卡片样式,包括调整高度和注释掉部分信息
- 调整 my.vue 中的"我的成员"功能,目前将其注释掉
master
liutong 12 months ago
parent
commit
9b2f03186e
  1. 10
      api/member.js
  2. 4
      components/AQ/AQTabber.vue
  3. 29
      pages/student/index/index.vue
  4. 8
      pages/student/my/my.vue

10
api/member.js

@ -1,6 +1,16 @@
import http from '../common/axios.js'
export default {
//学员首页
memberIndex(data = {}) {
let url = '/member/index'
return http.get(url, data).then(res => {
return res;
})
},
//学员详情
member(data) {
let url = '/member/member'

4
components/AQ/AQTabber.vue

@ -124,7 +124,8 @@
]
break;
case "3": //
this.tabBar = [{
this.tabBar = [
{
text: "首页",
urlPath: '/pages/student/index/index', //
iconPath: "/static/images/tabbar/index.png",
@ -145,6 +146,7 @@
]
break;
}
console.log(111,this.tabBar)
},
openView(e) {
console.log('点击跳转', e)

29
pages/student/index/index.vue

@ -14,17 +14,18 @@
<view class="card-back color-style"></view>
<view class="card-backs color-style"></view>
<view class="card-con">
<view class="card-head">
<view>
<span class="card-head-txt">班级</span>
<span class="card-head-txt1 card-head-back1">篮球少儿班</span>
</view>
<view>
<span class="card-head-txt">已耗课时</span>
<span class="card-head-txt1 card-head-back2">24/</span><span class="card-head-txt">60</span>
</view>
</view>
<view class="card-con-txt">课程到期时间2021.12.25</view>
<!-- <view class="card-head">-->
<!-- <view>-->
<!-- <span class="card-head-txt">班级</span>-->
<!-- <span class="card-head-txt1 card-head-back1">篮球少儿班</span>-->
<!-- </view>-->
<!-- <view>-->
<!-- <span class="card-head-txt">已耗课时</span>-->
<!-- <span class="card-head-txt1 card-head-back2">24/</span><span class="card-head-txt">60</span>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="card-con-txt">课程到期时间2021.12.25</view>-->
<view class="card-con-txt1">
<view class="card-con-txt1-left">
<image src="@/static/images/index/score.png" class="overlay-image"></image>
@ -397,7 +398,7 @@
.overlay-image {
width: 95%;
height: 100%;
height: 90%;
}
.multi-line-ellipsis {
@ -459,7 +460,7 @@
.card-con {
width: 92%;
height: 92%;
//height: 92%;
background-color: #fff;
border-radius: 20rpx;
position: absolute;
@ -499,7 +500,7 @@
.card-con-txt1 {
display: flex;
justify-content: space-between;
padding: 10rpx 20rpx 0;
padding: 20rpx 20rpx 0;
height: 220rpx;
}

8
pages/student/my/my.vue

@ -51,10 +51,10 @@
<view>课时消耗</view>
</view>
<view class="item" @click="my_members">
<view>我的成员</view>
<view></view>
</view>
<!-- <view class="item" @click="my_members">-->
<!-- <view>我的成员</view>-->
<!-- <view></view>-->
<!-- </view>-->
<view class="item">
<view>我的合同</view>

Loading…
Cancel
Save