信用超市

src/apps/AppSuperMarket/Search.vue

@@ -3,6 +3,13 @@
     <AiTopFixed>
       <u-search placeholder="请输入标题" :show-action="false" search-icon-color="#ccc" v-model="search.title"  @search="search.current = 1, getList()"/>
     </AiTopFixed>
+    <p class="text">请通过搜索“<span>手机号或身份证号</span>”后选择结算对象</p>
+    <div class="family-list">
+      <div class="item">
+        <div class="name">卓作旺家</div>
+        <div class="num">剩余积分:480分</div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -18,10 +25,6 @@ export default {
     };
   },
 
-  onLoad() {
-   
-  },
-
   methods: {
     getList() {
 
@@ -30,10 +33,36 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
+uni-page-body{
+  height: 100%;
+  background-color: #fff;
+}
 .Search {
   ::v-deep .u-search{
     margin-bottom: 0!important;
   }
+  .text{
+    font-size: 28px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #999;
+    line-height: 40px;
+    margin-top: 120px;
+    text-align: center;
+    span{
+      color: #135AB8;
+    }
+  }
+  .item{
+    line-height: 44px;
+    padding: 34px 56px;
+    background: #FFF;
+    border-bottom: 1px solid #D8DDE6;
+    display: flex;
+    justify-content: space-between;
+    font-size: 32px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #333;
+  }
 }
 </style>