李双庆 1 year ago
parent
commit
48e79756bb
  1. 227
      pages/coach/class/list.vue

227
pages/coach/class/list.vue

@ -12,89 +12,89 @@
</view> </view>
<view class="section_2"> <view class="section_2">
<view class="ul"> <view class="ul">
<view class="li" @click="openViewClassInfo({id:1})"> <view class="li" @click="openViewClassInfo({id:1})">
<view class="left"> <view class="left">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="box_1"> <view class="box_1">
<view class="name"> <view class="name">
少年班 少年班
</view>
<view class="btn_box">
<view>2人即将到期</view>
</view>
</view> </view>
<view class="box_2"> <view class="btn_box">
<view class="user_list"> <view>2人即将到期</view>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
</view>
<view class="num">34</view>
</view> </view>
</view> </view>
</view> <view class="box_2">
<view class="li" @click="openViewClassInfo({id:2})"> <view class="user_list">
<view class="left"> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
</view>
<view class="num">34</view>
</view> </view>
<view class="right"> </view>
<view class="box_1"> </view>
<view class="name"> <view class="li" @click="openViewClassInfo({id:2})">
少年班 <view class="left">
</view> <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="btn_box"> </view>
<view>2人即将到期</view> <view class="right">
</view> <view class="box_1">
<view class="name">
少年班
</view> </view>
<view class="box_2"> <view class="btn_box">
<view class="user_list"> <view>2人即将到期</view>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
</view>
<view class="num">34</view>
</view> </view>
</view> </view>
</view> <view class="box_2">
<view class="li" @click="openViewClassInfo({id:3})"> <view class="user_list">
<view class="left"> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
</view>
<view class="num">34</view>
</view> </view>
<view class="right"> </view>
<view class="box_1"> </view>
<view class="name"> <view class="li" @click="openViewClassInfo({id:3})">
少年班 <view class="left">
</view> <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="btn_box"> </view>
<view>2人即将到期</view> <view class="right">
</view> <view class="box_1">
<view class="name">
少年班
</view>
<view class="btn_box">
<!-- <view>2人即将到期</view>-->
</view> </view>
<view class="box_2"> </view>
<view class="user_list"> <view class="box_2">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <view class="user_list">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
</view> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="num">34</view>
</view> </view>
<view class="num">34</view>
</view> </view>
</view> </view>
</view> </view>
</view>
</view> </view>
</view> </view>
<!-- 底部导航--> <!-- 底部导航-->
<AQTabber/> <AQTabber/>
</view> </view>
</template> </template>
@ -155,18 +155,97 @@ export default {
color: #FFFFFF; color: #FFFFFF;
.section_1 { .section_1 {
.left{ border-radius: 10rpx;
background-color: #525252;
::v-deep .fui-input__wrap{
border-radius: 10rpx !important;
background-color: #525252 !important;
}
::v-deep .fui-input__background{
background-color: #525252 !important;
}
.input_item {
height: 60rpx;
::v-deep .uni-input-wrapper{
.uni-input-placeholder {
font-size: 28rpx !important;
}
}
}
::v-deep .uni-input-input {
color: #fff;
}
}
.section_2{
margin-top: 34rpx;
.ul{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; gap: 24rpx;
gap: 12rpx; .li{
.pic{ background: #404045;
width: 100rpx; padding: 50rpx 36rpx 46rpx;
border-radius: 16rpx;
display: flex;
gap: 32rpx;
.left{
.pic{
border-radius: 50%;
width: 92rpx;
height: 92rpx;
}
}
.right{
display: flex;
flex-direction: column;
gap: 28rpx;
.box_1{
display: flex;
align-items: center;
gap: 36rpx;
.name{
font-size: 28rpx;
}
.btn_box{
view{
border: 1px solid #FAD04D;
border-radius: 10rpx;
width: 182rpx;
height: 48rpx;
line-height: 42rpx;
text-align: center;
font-size: 26rpx;
color: #FAD04D;
}
}
}
.box_2{
display: flex;
align-items: center;
gap: 44rpx;
.user_list{
display: flex;
align-items: center;
gap: 14rpx;
image{
border-radius: 50%;
width: 48rpx;
height: 48rpx;
}
}
.num{}
}
}
} }
.name{}
} }
.right{}
} }
} }

Loading…
Cancel
Save