Browse Source

enablePulllDown refresh config add onPullDowRefresh function

charblus 5 years ago
parent
commit
7e85918053
3 changed files with 9 additions and 3 deletions
  1. 2 1
      src/app.json
  2. 6 2
      src/pages/books/Book.vue
  3. 1 0
      src/pages/books/main.js

+ 2 - 1
src/app.json

@@ -8,7 +8,8 @@
     "backgroundTextStyle": "light",
     "navigationBarBackgroundColor": "#EA5149",
     "navigationBarTitleText": "蜗牛图书",
-    "navigationBarTextStyle": "black"
+    "navigationBarTextStyle": "black",
+    "enablePullDownRefresh": true
   },
   "tabBar": {
     "list": [

+ 6 - 2
src/pages/books/Book.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>图书列表</p>
+    <!-- <p>图书列表</p> -->
     <Card v-for="book in books" :key="book.openid" :book='book'></Card>
   </div>
 </template>
@@ -19,10 +19,14 @@ export default {
   methods: {
     async getList () {
       const books = await get('/weapp/booklist')
-      console.log(books)
+      // console.log(books)
       this.books = books.list
     }
   },
+  onPullDownRefresh() {
+    console.log('下拉');
+
+  },
   mounted () {
     this.getList()
   }

+ 1 - 0
src/pages/books/main.js

@@ -6,6 +6,7 @@ app.$mount()
 
 export default{
   config: {
+    // 是否全局开启下拉刷新。
     enablePullDownRefresh: true
   }
 }