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

Loading…
Cancel
Save