修改俱乐部列表logo

pages/club/index.js

@@ -2,7 +2,7 @@ const app = getApp()
 Page({
     data: {
         frameStyle: { useTop: true, name: '俱乐部', leftArrow: false, useBar: true },
-        src: '/image/group.png',
+        src: '/image/club.png',
         list: [
             { name: '宝藏俱乐部', founder: '宝藏', add: '长春市朝阳区前进大街1244号', project: '羽毛球', time: '2000-02-01', tel: '0431-800-800-8800' },
             { name: '英语俱乐部', founder: '英语', time: '2000-02-01', add: '长春市朝阳区前进大街1244号', project: '羽毛球', tel: '0431-800-800-8800' },

pages/club/index.less

@@ -34,6 +34,8 @@
         position: relative;
 
         .list {
+            display: flex;
+            flex-direction: row;
             height: 120px;
             padding: 2vw;
             margin: 2vw 2vw 0;
@@ -46,6 +48,7 @@
                 .name {
                     font-size: var(--font18Szie);
                     text-align: center;
+                    color: var(--whiteColor);
                 }
 
                 .text1 {
@@ -57,23 +60,21 @@
                 }
             }
 
-            .bg {
-                position: relative;
-                top: -120px;
-                left: 40vw;
+            .logo {
+                margin: 5vw 0;
 
                 image {
-                    width: 200px;
+                    width: 80px;
                 }
             }
         }
 
         .list:nth-child(1n) {
-            background-image: linear-gradient(to right, #9bd1fd, #44a2f0);
+            background-image: linear-gradient(to right, #44a2f0, #9bd1fd);
         }
 
         .list:nth-child(2n) {
-            background-image: linear-gradient(to right, #ffaed4, #eb5299);
+            background-image: linear-gradient(to right, #eb5299, #ffaed4);
 
         }
     }

pages/club/index.wxml

@@ -20,7 +20,7 @@
                             <view class="text1">电话：<text>{{item.tel}}</text></view>
                             <view class="text1">地址：<text>{{item.add}}</text></view>
                         </view>
-                        <view class="bg">
+                        <view class="logo">
                             <image src="{{src}}" mode="widthFix">
                             </image>
                         </view>

pages/club/index.wxss

@@ -29,6 +29,8 @@
   position: relative;
 }
 .main .two .list {
+  display: flex;
+  flex-direction: row;
   height: 120px;
   padding: 2vw;
   margin: 2vw 2vw 0;
@@ -41,6 +43,7 @@
 .main .two .list .content .name {
   font-size: var(--font18Szie);
   text-align: center;
+  color: var(--whiteColor);
 }
 .main .two .list .content .text1 {
   font-size: var(--font14Size);
@@ -48,19 +51,17 @@
 .main .two .list .content .text1 text {
   color: var(--whiteColor);
 }
-.main .two .list .bg {
-  position: relative;
-  top: -120px;
-  left: 40vw;
+.main .two .list .logo {
+  margin: 5vw 0;
 }
-.main .two .list .bg image {
-  width: 200px;
+.main .two .list .logo image {
+  width: 80px;
 }
 .main .two .list:nth-child(1n) {
-  background-image: linear-gradient(to right, #9bd1fd, #44a2f0);
+  background-image: linear-gradient(to right, #44a2f0, #9bd1fd);
 }
 .main .two .list:nth-child(2n) {
-  background-image: linear-gradient(to right, #ffaed4, #eb5299);
+  background-image: linear-gradient(to right, #eb5299, #ffaed4);
 }
 .scroll-view {
   position: absolute;