From e2b0f4792330661461fbdd18a02df3e4153aa755 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期三, 24 八月 2022 13:45:43 +0800 Subject: [PATCH] # --- pages/basics/notificationFile.vue | 71 +++++++++++++++++++++++++++++++++-- 1 files changed, 66 insertions(+), 5 deletions(-) diff --git a/pages/basics/notificationFile.vue b/pages/basics/notificationFile.vue index 79de519..813329d 100644 --- a/pages/basics/notificationFile.vue +++ b/pages/basics/notificationFile.vue @@ -1,6 +1,18 @@ <template> <view> - + <!-- 鎼滅储妗� --> + <view class="square-1"> + <view class="searchBox"> + <view class="searchIcon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view> + <view class="searchArea"><input type="text" placeholder=" 璇疯緭鍏�"></view> + <view class="closeIcon"><uni-icons type="closeempty" size="20" color="#dadada"></uni-icons></view> + </view> + </view> + <view style="width: 100%;height: 200rpx;background-color: aqua;margin-top: 10rpx;" + v-for="(item,index) in listData" :key="index"> + <text>{{index}}</text> + </view> + <uni-load-more :status="status" :icon-size="16" :content-text="contentText" /> </view> </template> @@ -10,7 +22,13 @@ return { commonUrl:null, listData: [], - + reload: false, + status: 'more', + contentText: { + contentdown: '涓婃媺鍔犺浇鏇村', + contentrefresh: '鍔犺浇涓�', + contentnomore: '娌℃湁鏇村' + } }; }, onLoad() { @@ -24,10 +42,12 @@ this.getList() }, onPullDownRefresh() { + this.reload = true; this.getList() }, onReachBottom() { - + this.status = 'more'; + this.getList(); }, methods: { // 鑾峰彇url @@ -36,12 +56,11 @@ }, getList() { let that = this - console.log(that.commonUrl); uni.request({ url: that.commonUrl + '/waitPakin/list/auth', data:{ curr:1, - limit:16, + limit:10, }, header: { 'token':uni.getStorageSync('token') @@ -52,7 +71,9 @@ let res = result.data if (res.code === 200) { if (res.data) { + let list = res.data.records that.listData = this.reload ? list : this.listData.concat(list); + this.reload = false; } } @@ -65,4 +86,44 @@ </script> <style> + .searchBox { + position: absolute; + width: 94%; + height: 80%; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + background-color: #F9F9F9; + border-radius: 20rpx; + } + .searchIcon { + display: inline-block; + float: left; + width: 10%; + height: 100%; + text-align: center; + line-height: 80rpx; + } + + .searchArea { + display: inline-block; + float: left; + width: 80%; + height: 100%; + } + .searchArea input { + height: 100%; + font-size: 14px; + color: #5f5f5f; + } + .closeIcon { + display: inline-block; + float: left; + width: 10%; + height: 100%; + text-align: center; + line-height: 80rpx; + } </style> \ No newline at end of file -- Gitblit v1.9.1