aa

.idea/vcs.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

src/app.wpy

@@ -2,9 +2,9 @@
 .container {
   height: 100%;
   display: flex;
+  overflow-y: scroll;
   flex-direction: column;
   align-items: center;
-  box-sizing: border-box;
   background: #F5F5F5;
 }
   page{

src/components/counter.wpy

-<style lang="less">
-  .counter {
-    text-align: left;
-    font-size: 12px;
-  }
-  .count {
-    font-size: 18px;
-    font-weight: bold;
-    &.red {
-      color: red;
-    }
-    &.green {
-      color: green;
-    }
-  }
-</style>
-<template>
-  <div class="counter {{style}}">
-    <button @tap="plus" size="mini">  +  </button>
-    <button @tap="minus" size="mini">  -  </button>
-    <button @tap="increment" size="mini">  INCREMENT  </button>
-    <button @tap="decrement" size="mini">  DECREMENT  </button>
-    <button @tap="incrementAsync" size="mini">  ASYNC INCREMENT  </button>
-    <span class="count"> {{counter}} </span>
-  </div>
-</template>
-<script>
-  import wepy from '@wepy/core'
-  import store from '../store';
-  import { mapState, mapActions } from '@wepy/x';
-
-  wepy.component({
-    store,
-    props: {
-      num: {
-        type: [Number, String],
-        coerce: function (v) {
-          return +v
-        },
-        default: 50
-      }
-    },
-    computed: mapState([ 'counter' ]),
-
-    events: {
-      'index-broadcast': (...args) => {
-        let $event = args[args.length - 1]
-        console.log(`${this.$name} receive ${$event.name} from ${$event.source.$name}`)
-      }
-    },
-
-    watch: {
-      num (curVal, oldVal) {
-        console.log(`旧值：${oldVal}，新值：${curVal}`)
-      }
-    },
-
-    methods: {
-      ...mapActions([
-        'increment',
-        'decrement',
-        'incrementAsync'
-      ]),
-      plus () {
-        this.num = this.num + 1
-        console.log('plus tapped in component');
-
-        this.$emit('index-emit', this.num);
-      },
-      minus () {
-        this.num = this.num - 1
-        console.log(this.$name + ' minus tap')
-      }
-    }
-  })
-</script>
-

src/components/group.wpy

-<style type="less">
-  .group {}
-</style>
-<template>
-  <div class="group">
-    <span class="id">{{grouplist.id}}. </span>
-    <span class="name" @tap="tap">{{grouplist.name}}</span>
-    <div>
-      <div v-for="item in grouplist.list">
-        <groupitem :gitem="item"></groupitem>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  import wepy from '@wepy/core';
-  //import GroupItem from './groupitem'
-
-  wepy.component({
-    props: {
-      grouplist: {},
-      index: {}
-    },
-
-    methods: {
-      tap () {
-        this.grouplist.name = `Parent Random(${Math.random()})`
-        let groups = this.$parent.$children.filter(com => com.$is === 'components/group');
-        let index = groups.indexOf(this);
-        console.log(`Clicked Group ${index}, ID is ${this.grouplist.id}`)
-      }
-    }
-  });
-</script>
-<config>
-{
-  usingComponents: {
-    'groupitem': './groupitem'
-  }
-}
-</config>

src/components/groupitem.wpy

-<style type="less">
-.groupitem {
-}
-</style>
-<template>
-  <div class="groupitem">
-    --<span class="id">{{gitem.childid}}.</span>
-    <span class="name" @tap="tap"> {{gitem.childname}}</span>
-  </div>
-</template>
-<script>
-  import wepy from '@wepy/core';
-
-  wepy.component({
-    props: {
-      gitem: {}
-    },
-    data: {
-    },
-    methods: {
-      tap () {
-        this.gitem.childname = `Child Random(${Math.random()})`
-        let index = this.$parent.$children.indexOf(this);
-        console.log(`Item ${index}, ID is ${this.gitem.childid}`)
-      }
-    }
-  });
-</script>