From 2f6b4c3f9c84bd23d9d2b31eb590e0d7713cf59e Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 12 Mar 2025 16:03:15 +0800
Subject: [PATCH] =?UTF-8?q?style(coach):=20=E4=BC=98=E5=8C=96=E6=95=99?=
 =?UTF-8?q?=E7=BB=83=E7=AB=AF=E7=8F=AD=E7=BA=A7=E5=88=97=E8=A1=A8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整了页面布局和颜色方案，提升视觉效果
- 优化了班级列表项的样式，增加了圆形头像和到期提醒按钮- 改进了搜索框样式，使其与整体风格更协调
- 删除了多余的注释代码
---
 pages/coach/class/list.vue | 227 +++++++++++++++++++++++++------------
 1 file changed, 153 insertions(+), 74 deletions(-)

diff --git a/pages/coach/class/list.vue b/pages/coach/class/list.vue
index 2beed74..687ad3c 100644
--- a/pages/coach/class/list.vue
+++ b/pages/coach/class/list.vue
@@ -12,89 +12,89 @@
       </view>
 
       <view class="section_2">
-          <view class="ul">
-            <view class="li" @click="openViewClassInfo({id:1})">
-              <view class="left">
-                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-              </view>
-              <view class="right">
-                <view class="box_1">
-                  <view class="name">
-                    少年班
-                  </view>
-                  <view class="btn_box">
-                    <view>2人即将到期</view>
-                  </view>
+        <view class="ul">
+          <view class="li" @click="openViewClassInfo({id:1})">
+            <view class="left">
+              <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+            </view>
+            <view class="right">
+              <view class="box_1">
+                <view class="name">
+                  少年班
                 </view>
-                <view class="box_2">
-                  <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>
-                    <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 class="btn_box">
+                  <view>2人即将到期</view>
                 </view>
               </view>
-            </view>
-            <view class="li" @click="openViewClassInfo({id:2})">
-              <view class="left">
-                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+              <view class="box_2">
+                <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>
+                  <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 class="right">
-                <view class="box_1">
-                  <view class="name">
-                    少年班
-                  </view>
-                  <view class="btn_box">
-                    <view>2人即将到期</view>
-                  </view>
+            </view>
+          </view>
+          <view class="li" @click="openViewClassInfo({id:2})">
+            <view class="left">
+              <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+            </view>
+            <view class="right">
+              <view class="box_1">
+                <view class="name">
+                  少年班
                 </view>
-                <view class="box_2">
-                  <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>
-                    <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 class="btn_box">
+                  <view>2人即将到期</view>
                 </view>
               </view>
-            </view>
-            <view class="li" @click="openViewClassInfo({id:3})">
-              <view class="left">
-                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+              <view class="box_2">
+                <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>
+                  <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 class="right">
-                <view class="box_1">
-                  <view class="name">
-                    少年班
-                  </view>
-                  <view class="btn_box">
-                    <view>2人即将到期</view>
-                  </view>
+            </view>
+          </view>
+          <view class="li" @click="openViewClassInfo({id:3})">
+            <view class="left">
+              <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+            </view>
+            <view class="right">
+              <view class="box_1">
+                <view class="name">
+                  少年班
+                </view>
+                <view class="btn_box">
+<!--                  <view>2人即将到期</view>-->
                 </view>
-                <view class="box_2">
-                  <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>
-                  </view>
-                  <view class="num">34</view>
+              </view>
+              <view class="box_2">
+                <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>
                 </view>
+                <view class="num">34</view>
               </view>
             </view>
           </view>
+        </view>
       </view>
     </view>
 
-<!--    底部导航-->
+    <!--    底部导航-->
     <AQTabber/>
   </view>
 </template>
@@ -155,18 +155,97 @@ export default {
   color: #FFFFFF;
 
   .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;
       flex-direction: column;
-      justify-content: center;
-      gap: 12rpx;
-      .pic{
-        width: 100rpx;
+      gap: 24rpx;
+      .li{
+        background: #404045;
+        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{}
   }
+
+
+
 }