YY 2 年 前
コミット
ec348cb098
4 ファイル変更53 行追加41 行削除
  1. 2 2
      pages/club/index.js
  2. 26 18
      pages/club/index.less
  3. 12 10
      pages/club/index.wxml
  4. 13 11
      pages/club/index.wxss

+ 2 - 2
pages/club/index.js

@@ -3,9 +3,9 @@ Page({
     data: {
         frameStyle: { useTop: true, name: '俱乐部', leftArrow: false, useBar: true },
         list: [
-            { name: '宝藏俱乐部', founder: '宝藏', add: '长春市朝阳区前进大街1244号', project: '羽毛球', time: '2000-02-01', tel: '0431-800-800-8800', logo: [{ url: '/image/club.png' }] },
+            { name: '宝藏俱乐部宝藏俱乐部宝藏俱乐部宝藏俱乐部宝藏俱乐部', founder: '宝藏', add: '长春市朝阳区前进大街1244号', project: '羽毛球', time: '2000-02-01', tel: '0431-800-800-8800', logo: [] },
             { name: '英语俱乐部', founder: '英语', time: '2000-02-01', add: '长春市朝阳区前进大街1244号', project: '羽毛球', tel: '0431-800-800-8800', logo: [{ url: '/image/club.png' }] },
-            { name: '宝藏俱乐部', founder: '宝藏', add: '长春市朝阳区前进大街1244号', project: '羽毛球', time: '2000-02-01', tel: '0431-800-800-8800', logo: [{ url: '/image/club.png' }] },
+            { name: '宝藏俱乐部', founder: '宝藏', add: '长春市朝阳区前进大街1244号长春市朝阳区前进大街1244号', project: '羽毛球', time: '2000-02-01', tel: '0431-800-800-8800', logo: [{ url: '/image/club.png' }] },
             { name: '英语俱乐部', founder: '英语', time: '2000-02-01', add: '长春市朝阳区前进大街1244号', project: '羽毛球', tel: '0431-800-800-8800', logo: [{ url: '/image/club.png' }] },
         ],
         total: 0,

+ 26 - 18
pages/club/index.less

@@ -35,38 +35,46 @@
 
         .list {
             display: flex;
-            flex-direction: row;
-            height: 130px;
+            flex-direction: column;
             padding: 2vw;
             margin: 2vw 2vw 0;
             border-radius: 10px;
 
+            .name {
+                font-size: var(--font18Szie);
+                text-align: center;
+                color: var(--whiteColor);
+                margin: 0 0 5px 0;
+            }
+
             .content {
-                flex-grow: 1;
+                display: flex;
+                flex-direction: row;
+
 
-                .name {
-                    font-size: var(--font18Szie);
-                    text-align: center;
-                    color: var(--whiteColor);
-                    margin: 0 0 5px 0;
-                }
 
-                .text1 {
-                    font-size: var(--font15Size);
+                .cont {
+                    .text1 {
+                        width: 70vw;
+                        font-size: var(--font15Size);
 
-                    text {
-                        color: var(--whiteColor);
+                        text {
+                            width: 60vw;
+                            color: var(--whiteColor);
+                        }
                     }
                 }
-            }
 
-            .logo {
-                margin: 6vw 0;
+                .logo {
+                    height: 80px;
 
-                image {
-                    width: 80px;
+                    image {
+                        width: 80px;
+                    }
                 }
             }
+
+
         }
 
         .list:nth-child(1n) {

+ 12 - 10
pages/club/index.wxml

@@ -12,17 +12,19 @@
             <scroll-view scroll-y="true" class="scroll-view" bindscrolltolower="toPage">
                 <view class="list-scroll-view">
                     <view class="list" wx:for="{{list}}" wx:key="item">
+                        <view class="name">{{item.name}}</view>
                         <view class="content">
-                            <view class="name">{{item.name}}</view>
-                            <view class="text1">创始人:<text>{{item.founder}}</text></view>
-                            <view class="text1">创建时间:<text>{{item.time}}</text></view>
-                            <view class="text1">项目:<text>{{item.project}}</text></view>
-                            <view class="text1">电话:<text>{{item.tel}}</text></view>
-                            <view class="text1">地址:<text>{{item.add}}</text></view>
-                        </view>
-                        <view class="logo">
-                            <image src="{{item.logo[0].url}}" mode="widthFix">
-                            </image>
+                            <view class="cont">
+                                <view class="text1">创始人:<text>{{item.founder}}</text></view>
+                                <view class="text1">创建时间:<text>{{item.time}}</text></view>
+                                <view class="text1">项目:<text>{{item.project}}</text></view>
+                                <view class="text1">电话:<text>{{item.tel}}</text></view>
+                                <view class="text1 ">地址:<text>{{item.add}}</text></view>
+                            </view>
+                            <view class="logo">
+                                <image src="{{item.logo&&item.logo.length>0?item.logo[0].url:''}}" mode="widthFix">
+                                </image>
+                            </view>
                         </view>
                     </view>
                 </view>

+ 13 - 11
pages/club/index.wxss

@@ -30,31 +30,33 @@
 }
 .main .two .list {
   display: flex;
-  flex-direction: row;
-  height: 130px;
+  flex-direction: column;
   padding: 2vw;
   margin: 2vw 2vw 0;
   border-radius: 10px;
 }
-.main .two .list .content {
-  flex-grow: 1;
-}
-.main .two .list .content .name {
+.main .two .list .name {
   font-size: var(--font18Szie);
   text-align: center;
   color: var(--whiteColor);
   margin: 0 0 5px 0;
 }
-.main .two .list .content .text1 {
+.main .two .list .content {
+  display: flex;
+  flex-direction: row;
+}
+.main .two .list .content .cont .text1 {
+  width: 70vw;
   font-size: var(--font15Size);
 }
-.main .two .list .content .text1 text {
+.main .two .list .content .cont .text1 text {
+  width: 60vw;
   color: var(--whiteColor);
 }
-.main .two .list .logo {
-  margin: 6vw 0;
+.main .two .list .content .logo {
+  height: 80px;
 }
-.main .two .list .logo image {
+.main .two .list .content .logo image {
   width: 80px;
 }
 .main .two .list:nth-child(1n) {