用户管理

pages/news/index.less

@@ -7,7 +7,7 @@
 
     .two {
         width: 100%;
-        margin-top: 2px;
+        margin: 2px;
     }
 
     .thr {

pages/news/index.wxss

@@ -6,7 +6,7 @@
 }
 .main .two {
   width: 100%;
-  margin-top: 2px;
+  margin: 2px;
 }
 .main .thr {
   width: 96vw;

pages/user/index.less

@@ -6,39 +6,57 @@
     }
 
     .two {
+        flex-grow: 1;
+        position: relative;
         width: 96vw;
 
-        .list {
-            display: flex;
-            flex-direction: column;
-            padding: 10px;
-            background-color: #ffffff;
-            margin: 2px 0 0 0;
-
-            .name {
-                font-size: 14px;
-                font-weight: bold;
-                margin: 0 0 5px 0;
-            }
+        .scroll-view {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
 
-            .other {
-                font-size: 12px;
-                margin: 0 0 5px 0;
+            .list-scroll-view {
+                display: flex;
+                flex-wrap: wrap;
+                align-content: flex-start;
+                justify-content: space-between;
 
-                .other_1 {
-                    padding: 2px 0;
-                }
+                .list {
+                    display: flex;
+                    flex-direction: column;
+                    width: 96vw;
+                    padding: 10px;
+                    background-color: #ffffff;
+                    margin: 2px 0 0 0;
 
-                .other_1 text:nth-child(1) {
-                    color: #666;
-                }
-            }
+                    .name {
+                        font-size: 14px;
+                        font-weight: bold;
+                        margin: 0 0 5px 0;
+                    }
+
+                    .other {
+                        font-size: 12px;
+                        margin: 0 0 5px 0;
+
+                        .other_1 {
+                            padding: 2px 0;
+                        }
+
+                        .other_1 text:nth-child(1) {
+                            color: #666;
+                        }
+                    }
 
-            .btn {
-                text-align: center;
+                    .btn {
+                        text-align: center;
 
-                button {
-                    color: #216EC7;
+                        button {
+                            color: #216EC7;
+                        }
+                    }
                 }
             }
         }

pages/user/index.wxml

@@ -1,20 +1,24 @@
 <mobile-main frameStyle="{{frameStyle}}" bind:back="back">
     <view slot="info" class="container main">
         <view class="one">
-            <van-search value="{{ searchName }}" input-align="center" bind:search="onSearch" placeholder="请输入用户名称" />
+            <van-search value="{{ searchName }}" input-align="center" bind:search="onSearch" placeholder="请输入用户姓名" />
         </view>
         <view class="two">
-            <view class="list" wx:for="{{list}}" wx:key="item">
-                <view class="name textOver">{{item.name||'暂无昵称'}}</view>
-                <view class="other">
-                    <view class="other_1"><text>用户类型：</text><text>{{item.type=='-1'?'管理员':item.type=='0'?'个人用户':item.type=='1'?'团队创建人':'暂无'}}</text></view>
-                    <view class="other_1"><text>手机：</text><text>{{item.phone||'暂无'}}</text></view>
-                    <view class="other_1"><text>邮箱：</text><text>{{item.email||'暂无'}}</text></view>
+            <scroll-view scroll-y="true" class="scroll-view">
+                <view class="list-scroll-view">
+                    <view class="list" wx:for="{{list}}" wx:key="item">
+                        <view class="name textOver">{{item.name||'暂无昵称'}}</view>
+                        <view class="other">
+                            <view class="other_1"><text>用户类型：</text><text>{{item.type=='-1'?'管理员':item.type=='0'?'个人用户':item.type=='1'?'团队创建人':'暂无'}}</text></view>
+                            <view class="other_1"><text>手机：</text><text>{{item.phone||'暂无'}}</text></view>
+                            <view class="other_1"><text>邮箱：</text><text>{{item.email||'暂无'}}</text></view>
+                        </view>
+                        <view class="btn">
+                            <button size="mini" type="default" bindtap="toView" data-openid="{{item.openid}}">详情</button>
+                        </view>
+                    </view>
                 </view>
-                <view class="btn">
-                    <button size="mini" type="default" bindtap="toView" data-openid="{{item.openid}}">详情</button>
-                </view>
-            </view>
+            </scroll-view>
         </view>
     </view>
 </mobile-main>

pages/user/index.wxss

@@ -5,34 +5,50 @@
   width: 100%;
 }
 .main .two {
+  flex-grow: 1;
+  position: relative;
   width: 96vw;
 }
-.main .two .list {
+.main .two .scroll-view {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.main .two .scroll-view .list-scroll-view {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  justify-content: space-between;
+}
+.main .two .scroll-view .list-scroll-view .list {
   display: flex;
   flex-direction: column;
+  width: 96vw;
   padding: 10px;
   background-color: #ffffff;
   margin: 2px 0 0 0;
 }
-.main .two .list .name {
+.main .two .scroll-view .list-scroll-view .list .name {
   font-size: 14px;
   font-weight: bold;
   margin: 0 0 5px 0;
 }
-.main .two .list .other {
+.main .two .scroll-view .list-scroll-view .list .other {
   font-size: 12px;
   margin: 0 0 5px 0;
 }
-.main .two .list .other .other_1 {
+.main .two .scroll-view .list-scroll-view .list .other .other_1 {
   padding: 2px 0;
 }
-.main .two .list .other .other_1 text:nth-child(1) {
+.main .two .scroll-view .list-scroll-view .list .other .other_1 text:nth-child(1) {
   color: #666;
 }
-.main .two .list .btn {
+.main .two .scroll-view .list-scroll-view .list .btn {
   text-align: center;
 }
-.main .two .list .btn button {
+.main .two .scroll-view .list-scroll-view .list .btn button {
   color: #216EC7;
 }
 .dialog_one {