修改样式

pages/group/add.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="padding-top: 20px">
+  <div style="padding: 10px">
     <u--input
       placeholder="请输入手机号"
       prefixIcon="search"
@@ -20,6 +20,14 @@
         ></u-button>
       </template>
     </u--input>
+    <u-loading-icon
+      :show="loading"
+      size="50"
+      vertical
+      text="加载中..."
+      textSize="30"
+      style="margin-top: 20px"
+    ></u-loading-icon>
     <div v-if="userInfo">
       <view class="main">
         <view class="item">
@@ -29,7 +37,42 @@
           <view class="right">
             <view class="right_contont">
               <view style="width: 80%">
-                <view class="title">{{ userInfo.nick }}</view>
+                <view class="title"
+                  >{{ userInfo.nick }}
+                  <view
+                    style="
+                      width: 114rpx;
+                      height: 60rpx;
+                      background: linear-gradient(270deg, #f0ff00 0%, #00cf07 100%);
+                      border-radius: 4rpx;
+                      display: flex;
+                      flex-direction: row;
+                      justify-content: center;
+                      align-items: center;
+                      width: 100rpx;
+                      height: 28rpx;
+                      font-family: PingFangSC, PingFang SC;
+                      font-weight: 500;
+                      font-size: 20rpx;
+                      color: #ffffff;
+                      line-height: 28rpx;
+                      text-align: left;
+                      font-style: normal;
+                      margin-left: 5px;
+                    "
+                  >
+                    {{
+                      userInfo.userType == 1
+                        ? "采购商认证"
+                        : userInfo.userType == 2
+                        ? "供应商认证"
+                        : userInfo.userType == 3
+                        ? "司机认证"
+                        : "采购商认证"
+                    }}
+                  </view>
+                </view>
+                <view class="phone">{{ userInfo.phone }}</view>
               </view>
               <view @click="addUser(userInfo)">
                 <u-button
@@ -65,18 +108,23 @@ export default {
     return {
       phone: "",
       userInfo: "",
+      loading: false,
     };
   },
   methods: {
     query() {
+      this.loading = true;
       this.api.getUserInfoByPhone(this.phone).then((res) => {
         if (res.code === 200) {
           console.log(res);
           this.userInfo = res.data;
+          this.loading = false;
         }
       });
     },
     addUser(record) {
+      console.log(record.id);
+
       let params = {
         remark: "",
         source: "AddSource_Type_Web",
@@ -93,7 +141,7 @@ export default {
         .catch((error) => {
           console.log(error);
           Toast({
-            message: TUITranslateService.t("TUIContact.申请发送失败"),
+            message: TUITranslateService.t(error),
             type: TOAST_TYPE.ERROR,
           });
         });
@@ -112,11 +160,10 @@ export default {
     display: flex;
     flex-direction: row;
     align-items: center;
-    padding: 10px 20px;
+    padding: 10px;
     background: white;
     .left {
       width: 20%;
-      margin-right: 10px;
       .img {
         width: 110rpx;
         height: 110rpx;
@@ -161,10 +208,18 @@ export default {
         height: 60rpx;
       }
       .title {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
         font-weight: 600;
         font-size: 32rpx;
         color: #333333;
       }
+      .phone {
+        font-weight: 600;
+        font-size: 28rpx;
+        color: #999999;
+      }
     }
   }
 }

uni_modules/liu-indexed-list/components/liu-indexed-list/liu-indexed-list.vue

@@ -212,7 +212,7 @@ export default {
 <style lang="scss" scoped>
 .liu-list {
   width: 100%;
-  height: 100vh;
+  max-height: 100vh;
   background-color: #f4f4f4;
   box-sizing: border-box;
   padding-top: 1px;