Browse Source

style(coach): 优化班级详情页面样式

- 注释掉导航栏和最近课程部分
-调整按钮框样式,包括宽度、背景色和边框- 修改按钮文字颜色和选中状态颜色
master
liutong 1 year ago
parent
commit
4a7f4bae2d
  1. 66
      pages/coach/class/info.vue

66
pages/coach/class/info.vue

@ -2,9 +2,9 @@
<template>
<view class="main_box">
<!--自定义导航栏-->
<view class="navbar_section">
<view class="title">班级详情</view>
</view>
<!-- <view class="navbar_section">-->
<!-- <view class="title">班级详情</view>-->
<!-- </view>-->
<view class="main_section">
<view class="section_1">
@ -35,29 +35,29 @@
</view>
</view>
<view class="section_2">
<view class="title_box">
<view>最近课程</view>
</view>
<view class="tag_list">
<view class="item" @click="openViewCourseInfo({id:1})">
<view class="title">
篮球少儿课
</view>
<view>
2020.05.30 15:30 - 17:30
</view>
</view>
<view class="item" @click="openViewCourseInfo({id:2})">
<view class="title">
篮球少儿课
</view>
<view>
2020.05.30 15:30 - 17:30
</view>
</view>
</view>
</view>
<!-- <view class="section_2">-->
<!-- <view class="title_box">-->
<!-- <view>最近课程</view>-->
<!-- </view>-->
<!-- <view class="tag_list">-->
<!-- <view class="item" @click="openViewCourseInfo({id:1})">-->
<!-- <view class="title">-->
<!-- 篮球少儿课-->
<!-- </view>-->
<!-- <view>-->
<!-- 2020.05.30 15:30 - 17:30-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="item" @click="openViewCourseInfo({id:2})">-->
<!-- <view class="title">-->
<!-- 篮球少儿课-->
<!-- </view>-->
<!-- <view>-->
<!-- 2020.05.30 15:30 - 17:30-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<view class="section_3">
<view class="btn_box">
@ -508,23 +508,25 @@ export default {
justify-content: center;
align-items: center;
.btn_box{
border: 1px solid #d7d7d7;
border-radius: 25rpx;
width: 500rpx;
width: 698rpx;
border-radius: 8rpx;
background-color: rgba(22,132,252,1);
border: 1rpx solid rgba(22,132,252,1);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
.btn{
width: 250rpx;
width: 100%;
height: 76rpx;
line-height: 76rpx;
text-align: center;
color: #7F7F7F;
color: #fff;
font-size: 26rpx;
}
.select{
color: #29D3B4;
color: #1684fc;
background-color: #fff;
}
}

Loading…
Cancel
Save