udpate

miniprogram/app.scss

@@ -1,12 +1 @@
 /**app.wxss**/
-.container {
-  // height: 100%;
-  width: calc(100% - 30rpx);
-  padding: 15rpx;
-  // display: flex;
-  // flex-direction: column;
-  // align-items: center;
-  // justify-content: space-between;
-  // // padding: 200rpx 0;
-  // box-sizing: border-box;
-}

miniprogram/components/card/card.scss

@@ -48,6 +48,7 @@
 .card-btn {
   width: 144rpx;
   height: 60rpx;
+  line-height: 60rpx;
   background-color: #FFFFFF;
   border-radius: 30rpx;
   border: 1px solid #ED5D18;

miniprogram/pages/index/index.json

@@ -1,7 +1,9 @@
 {
+  "enablePullDownRefresh": true,
   "usingComponents": {
     "t-back-top": "tdesign-miniprogram/back-top/back-top",
     "t-search": "tdesign-miniprogram/search/search",
+    "t-sticky": "tdesign-miniprogram/sticky/sticky",
     "card": "../../components/card/card"
   }
 }

miniprogram/pages/index/index.scss

@@ -1,19 +1,13 @@
 /**index.wxss**/
-.userinfo {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #aaa;
+.search {
+  margin: 0 auto 0 auto;
+  display: block;
+  padding:  0 15rpx;
 }
-
-.userinfo-avatar {
-  overflow: hidden;
-  width: 128rpx;
-  height: 128rpx;
-  margin: 20rpx;
-  border-radius: 50%;
-}
-
-.usermotto {
-  margin-top: 200px;
+.container {
+  padding:15rpx;
+  display: block;
+  margin-top: 10rpx;
+  box-sizing: border-box;
+  padding-bottom: 200rpx;
 }

miniprogram/pages/index/index.ts

@@ -63,5 +63,8 @@ Page({
   handleToRoom(event: WechatMiniprogram.TouchEvent) {
     const { roomId } = event.detail
     console.log('roomId', roomId)
-  }
+  },
+  onToTop(e) {
+    console.log('backToTop', e);
+  },
 })

miniprogram/pages/index/index.wxml

@@ -1,10 +1,15 @@
 <!--index.wxml-->
-<view class="container">
-  <t-search model:value="{{searchValue}}" label="1" placeholder="搜索带看" shape='round' />
+<view class="wrapper">
+  <t-sticky>
+    <t-search class="search" model:value="{{searchValue}}" label="1" placeholder="搜索带看" shape='round' />
+  </t-sticky>
+  <view class="container">
 
-  <view wx:for="{{dataList}}" wx:key="roomId" wx:for-index="idx" wx:for-item="item">
+    <view wx:for="{{dataList}}" wx:key="roomId" wx:for-index="idx" wx:for-item="item">
 
-    <card cardId="{{item.roomId}}" name="{{item.roomTitle}}" cover="{{item.roomCoverUrl}}" status="{{item.roomStatus}}" lastTime="{{item.lastLookTime}}" bindtoRoom="handleToRoom" ></card>
-  </view>
+      <card cardId="{{item.roomId}}" name="{{item.roomTitle}}" cover="{{item.roomCoverUrl}}" status="{{item.roomStatus}}" lastTime="{{item.lastLookTime}}" bindtoRoom="handleToRoom"></card>
+    </view>
 
+  </view>
+  <t-back-top theme="round" text="顶部" bind:to-top="onToTop" fixed="{{true}}"></t-back-top>
 </view>