debug

Author: nuochong

app/components/example/Main.vue

@@ -24,6 +24,7 @@
                 <Button class="btn btn-primary m-t-20" text="自定义弹出框" @tap="pop" />
                 <Button class="btn btn-primary m-t-20" text="animateCSS" @tap="animate" />
                 <Button class="btn btn-primary m-t-20" text="下拉刷新" @tap="refresh" />
+                <Button class="btn btn-primary m-t-20" text="下拉刷新❤新" @tap="refreshNew" />
             </StackLayout>
 
             <!-- </GridLayout> -->
@@ -48,6 +49,7 @@ import Dialog from "./Dialog/dialog";
 import Pop from "./pop";
 import Animate from "./animate";
 import Refresh from "./refresh";
+import RefreshNew from "./refreshNew";
 
 export default {
   data () {
@@ -57,6 +59,9 @@ export default {
   },
   mounted () { },
   methods: {
+    refreshNew: function () {
+      this.$navigateTo(RefreshNew);
+    },
     onDrawer: function () {
       this.$navigateTo(Drawer);
     },
@@ -137,10 +142,10 @@ export default {
     pop () {
       this.$navigateTo(Pop);
     },
-    animate(){
+    animate () {
       this.$navigateTo(Animate);
     },
-    refresh(){
+    refresh () {
       this.$navigateTo(Refresh);
     }
   }

app/components/example/refreshNew.vue

@@ -0,0 +1,126 @@
+<template>
+    <Page loaded="pageLoaded" ref="page">
+        <ActionBar class="action-bar" title="Hello">
+            <NavigationButton text="Go Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+        </ActionBar>
+        <FlexboxLayout flexDirection="column" backgroundColor="#3c495e" @pan="onDrawerPan(side, $event)">
+            <!-- <Label class="first" text="first" height="70" backgroundColor="#43b883" ref="ht" flexShrink="0" />
+            <Label text="second" height="70" backgroundColor="#1c6b48" flexShrink="0" /> -->
+            <!-- <Label text="third" height="100%" backgroundColor="#289062" /> -->
+            <ListView for="item in listArr" ref="list" @pan="onListPane(side,$event)">
+                <v-template>
+                    <Label :text="item" class="icon" />
+                </v-template>
+            </ListView>
+        </FlexboxLayout>
+        <GridLayout colums="*" rows="*">
+            <Label class="message" :text="msg" col="0" row="0" />
+            <PullToRefresh @refresh="refreshList">
+                <ListView for="item in listArr">
+                    <v-template>
+                        <Label :text="item" class="icon" />
+                    </v-template>
+                </ListView>
+            </PullToRefresh>
+        </GridLayout>
+    </Page>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      msg: "Hello World! ",
+      listArr: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
+      num: 0,
+      isStart: false,
+      isTime: true,
+    };
+  },
+  mounted () {
+    this.pageLoaded();
+  },
+  methods: {
+    pageLoaded: function (args) {
+
+    },
+    await: function () {
+      console.log('丁丁事')
+      let that = this;
+      setTimeout(function () {
+        console.log('对不起, 要你久候')
+        that.isTime = true;
+        console.log('定时了');
+      }, 3000)
+    },
+    // refreshList (args) {
+    //   var pullRefresh = args.object;
+    //   let that = this;
+    //   setTimeout(function () {
+    //     pullRefresh.refreshing = false;
+    //     that.isTime = true;
+    //     console.log('定时了');
+    //   }, 1000);
+    // },
+    onButton: function () { },
+    onDrawerPan (side, args) {
+      let ht = this.$refs.ht.nativeView;
+      if (ht.marginTop < 0 && this.isStart) {
+        ht.marginTop = ht.marginTop + 5;
+      } else {
+        if (this.isTime) {
+          this.isTime = false;
+          this.await();
+          console.log('666666')
+        }
+
+      }
+      console.log('xxxxx', ht.marginTop)
+    },
+    onListPane (side, args) {
+      let list = this.$refs.list.nativeView;
+      let scrollTop = this.getScrollY();
+      console.log('kkk', scrollTop);
+      if (scrollTop == 0) {
+        this.isStart = true;
+      }
+      //console.log('kkkk',list.android.smoothScrollToPosition(500));
+      //list.scrollToIndex(500)
+    },
+    getScrollY () {
+      let mListView = this.$refs.list.nativeView.android;
+      let c = mListView.getChildAt(0);
+      if (c == null) {
+        return 0;
+      }
+      let firstVisiblePosition = mListView.getFirstVisiblePosition();
+      let top = c.getTop();
+      return -top + firstVisiblePosition * c.getHeight();
+    }
+  }
+};
+</script>
+
+<style scoped>
+.first {
+  margin-top: -60;
+}
+ActionBar {
+  background-color: #53ba82;
+  color: #ffffff;
+}
+.message {
+  vertical-align: center;
+  text-align: center;
+  font-size: 20;
+  color: #333333;
+}
+.icons {
+  font-family: "icomoon";
+  font-size: 48;
+}
+.icon {
+  font-family: iconfont;
+  font-size: 48;
+}
+</style>