div{font-size:12px;
}[data-dpr="2"]{font-size:24px;
}[data-dpr="3"]{font-size:36px;
}

resolve: {extensions: ['', '.js', '.vue'],fallback: [path.join(__dirname, '../node_modules')], alias: {'vue$': 'vue/dist/vue','src': path.resolve(__dirname, '../src'),'assets': path.resolve(__dirname, '../src/assets'),'components': path.resolve(__dirname, '../src/components'),'store':path.resolve(__dirname,'../src/vuex/store'),'getters':path.resolve(__dirname,'../src/vuex/getters'),'actions':path.resolve(__dirname,'../src/vuex/actions'),'mock':path.resolve(__dirname,'../src/mock')}},

const routes=[{path: '/main',name: 'main',meta: {title: '主页面'},component: resolve => {require(['./views/main.vue'], resolve)},children: [{path: '',name: 'personal',meta: {title: '个人收藏'},component: resolve => {require(['./views/phone/personal.vue'], resolve)},children:[phone_detail]}]},{.... },{path: '*',redirect: {name: 'main'}}
];
export default routes 

<template><div class="_full"><!-- app router --><transition name="bounce"><keep-alive><router-view></router-view></keep-alive></transition><!--小圆点--><topPoint></topPoint></div>
</template>

<div ref="scrollWrapper"><ul><li v-for="item in List" class="commit-hook"></li>

   </ul>
</div><script>import BScroll from 'better-scroll'
export default{created(){this.$nextTick(() => {  //这里需要异步this._initScroll();})},methods: {_initScroll(){this.containerScroll = new BScroll(this.$refs.scrollWrapper,{click:true   //可点击
                });}}
}
</script>

created(){this.$nextTick(() => {this._initScroll();this._calculateHeight()})
},
methods:{_initScroll(){this.containerScroll = new BScroll(this.$refs.scrollWrapper, {probeType: 3});this.containerScroll.on('scroll', (pos)=> {this.scrollY = Math.abs(Math.round(pos.y)); //实时获取Y轴的数值
            })}_calculateHeight(){let commitList = this.$refs.commitBox.getElementsByClassName('commit-hook'); //获取对应的DOM元素let height = 0;this.listHeight.push(height)for (let i = 0; i < commitList.length; i++) {let item = commitList[i]height += item.clientHeight;this.listHeight.push(height)}}
}
computed: {currentIndex(){                  //实时获得当前的区域for (let i = 0; i < this.listHeight.length; i++) {let height1 = this.listHeight[i];let height2 = this.listHeight[i + 1];if (!height2 || (this.scrollY >= height1 && this.scrollY < height2)) {return i;}}return 0;}
}