cbvirtua 1.0.109 → 1.0.115

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/components/slide/fullpage.vue

@@ -1,129 +0,0 @@
-<template>
-  <div class="slide-fullpage">
-    <div class="banner-wrapper">
-      <div class="slide-banner-wrapper" ref="slide">
-        <div class="slide-banner-content">
-          <div v-for="num in nums" :key="num" class="slide-page" :class="'page' + num">page {{num}}</div>
-        </div>
-      </div>
-      <div class="dots-wrapper">
-        <span
-          class="dot"
-          v-for="num in nums"
-          :key="num"
-          :class="{'active': currentPageIndex === (num - 1)}"></span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script type="text/ecmascript-6">
-  import BScroll from '@better-scroll/core'
-  import Slide from '@better-scroll/slide'
-
-  BScroll.use(Slide)
-
-  export default {
-    data() {
-      return {
-        nums: 4,
-        currentPageIndex: 0
-      }
-    },
-    mounted() {
-      this.init()
-    },
-    beforeDestroy() {
-      this.slide.destroy()
-    },
-    methods: {
-      init() {
-        window.slide = this.slide = new BScroll(this.$refs.slide, {
-          scrollX: true,
-          scrollY: false,
-          slide: {
-            threshold: 100,
-            loop: false,
-            autoplay: false
-          },
-          useTransition: false,
-          momentum: false,
-          bounce: false,
-          stopPropagation: true
-        })
-        this.slide.on('scrollEnd', this._onScrollEnd)
-      },
-      nextPage() {
-        this.slide.next()
-      },
-      prePage() {
-        this.slide.prev()
-      },
-      _onScrollEnd() {
-        let pageIndex = this.slide.getCurrentPage().pageX
-        this.currentPageIndex = pageIndex
-      }
-    }
-  }
-</script>
-<style lang="stylus" rel="stylesheet/stylus">
-
-.slide-fullpage
-  height 100%
-  &.view
-    padding 0
-    height 100%
-  .banner-wrapper
-    position relative
-    height 100%
-  .slide-banner-wrapper
-    height 100%
-    overflow hidden
-  .slide-banner-content
-    height 100%
-    white-space nowrap
-    font-size 0
-    .slide-page
-      display inline-block
-      height 100%
-      width 100%
-      line-height 200px
-      text-align center
-      font-size 26px
-      transform translate3d(0,0,0)
-      backface-visibility hidden
-      &.page1
-        background-color #95B8D1
-      &.page2
-        background-color #DDA789
-      &.page3
-        background-color #C3D899
-      &.page4
-        background-color #F2D4A7
-  .dots-wrapper
-    position absolute
-    bottom 4px
-    left 50%
-    transform translateX(-50%)
-    .dot
-      display inline-block
-      margin 0 4px
-      width 8px
-      height 8px
-      border-radius 50%
-      background #eee
-      &.active
-        width 20px
-        border-radius 5px
-  .btn-wrap
-    margin-top 20px
-    display flex
-    justify-content center
-    button
-      margin 0 10px
-      padding 10px
-      color #fff
-      border-radius 4px
-      background-color #666
-
-</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/components/slide/specified-index.vue

@@ -1,109 +0,0 @@
-<template>
-  <div class="slide-specified-index">
-    <div class="banner-wrapper">
-      <div class="slide-specified-wrapper" ref="slide">
-        <div class="slide-specified-content">
-          <div v-for="num in nums" class="slide-page" :class="'page' + num" :key="num">page {{num}}</div>
-        </div>
-      </div>
-    </div>
-    <div v-if="slideCreated" class="description">currentPageIndex is {{slide.getCurrentPage().pageX}}</div>
-    <div class="btn-wrap">
-      <button class="next" @click="nextPage">nextPage</button>
-      <button class="prev" @click="prePage">prePage</button>
-    </div>
-  </div>
-</template>
-
-<script type="text/ecmascript-6">
-  import BScroll from '@better-scroll/core'
-  import Slide from '@better-scroll/slide'
-
-  BScroll.use(Slide)
-
-  export default {
-    data() {
-      return {
-        slideCreated: false,
-        nums: 4,
-        currentPageIndex: 0
-      }
-    },
-    mounted() {
-      this.init()
-      this.slideCreated = true
-    },
-    beforeDestroy() {
-      this.slide.destroy()
-    },
-    methods: {
-      init() {
-        this.slide = new BScroll(this.$refs.slide, {
-          scrollX: true,
-          scrollY: false,
-          slide: {
-            autoplay: false,
-            loop: true,
-            startPageXIndex: 2 // v2.3.0
-          },
-          momentum: false,
-          bounce: false,
-          probeType: 3
-        })
-        // v2.1.0
-        this.slide.on('slidePageChanged', (page) => {
-          console.log('CurrentPage changed to => ', page)
-          // always get the currentPageIndex, because slide is not reactive
-          this.$forceUpdate()
-        })
-      },
-      nextPage() {
-        this.slide.next()
-      },
-      prePage() {
-        this.slide.prev()
-      }
-    }
-  }
-</script>
-<style lang="stylus" rel="stylesheet/stylus">
-
-.slide-specified-index
-  .banner-wrapper
-    position relative
-  .slide-specified-wrapper
-    min-height 1px
-    overflow hidden
-  .slide-specified-content
-    height 200px
-    white-space nowrap
-    font-size 0
-    .slide-page
-      display inline-block
-      height 200px
-      width 100%
-      line-height 200px
-      text-align center
-      font-size 26px
-      &.page1
-        background-color #95B8D1
-      &.page2
-        background-color #DDA789
-      &.page3
-        background-color #C3D899
-      &.page4
-        background-color #F2D4A7
-  .description
-    text-align center
-  .btn-wrap
-    margin-top 20px
-    display flex
-    justify-content center
-    button
-      margin 0 10px
-      padding 10px
-      color #fff
-      border-radius 4px
-      background-color #666
-
-</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/components/slide/vertical.vue

@@ -1,107 +0,0 @@
-<template>
-  <div class="slide-vertical">
-    <div class="vertical-wrapper">
-      <div class="slide-vertical-wrapper" ref="slide">
-        <div class="slide-vertical-content">
-          <div v-for="num in nums" :key="num" class="slide-page" :class="'page' + num">page {{num}}</div>
-        </div>
-      </div>
-      <div class="dots-wrapper">
-        <span
-          class="dot"
-          v-for="num in nums"
-          :key="num"
-          :class="{'active': currentPageIndex === (num - 1)}"></span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script type="text/ecmascript-6">
-  import BScroll from '@better-scroll/core'
-  import Slide from '@better-scroll/slide'
-
-  BScroll.use(Slide)
-
-  export default {
-    data() {
-      return {
-        nums: 4,
-        currentPageIndex: 0
-      }
-    },
-    mounted() {
-      this.init()
-    },
-    beforeDestroy() {
-      this.slide.destroy()
-    },
-    methods: {
-      init() {
-        this.slide = new BScroll(this.$refs.slide, {
-          scrollX: false,
-          scrollY: true,
-          slide: {
-            threshold: 100
-          },
-          useTransition: true,
-          momentum: false,
-          bounce: false,
-          stopPropagation: true
-        })
-        this.slide.on('scrollEnd', this._onScrollEnd)
-      },
-      _onScrollEnd() {
-        let pageIndex = this.slide.getCurrentPage().pageY
-        this.currentPageIndex = pageIndex
-      }
-    }
-  }
-</script>
-<style lang="stylus" rel="stylesheet/stylus">
-
-.slide-vertical
-  height 100%
-  &.view
-    padding 0
-    height 100%
-  .vertical-wrapper
-    position relative
-    height 100%
-    font-size 0
-  .slide-vertical-wrapper
-    height 100%
-    overflow hidden
-    .slide-page
-      display inline-block
-      width 100%
-      line-height 200px
-      text-align center
-      font-size 26px
-      transform translate3d(0,0,0)
-      backface-visibility hidden
-      &.page1
-        background-color #D6EADF
-      &.page2
-        background-color #DDA789
-      &.page3
-        background-color #C3D899
-      &.page4
-        background-color #F2D4A7
-  .dots-wrapper
-    position absolute
-    right 4px
-    top 50%
-    transform translateY(-50%)
-    .dot
-      display block
-      margin 4px 0
-      width 8px
-      height 8px
-      border-radius 50%
-      background #eee
-      &.active
-        height  20px
-        border-radius 5px
-
-</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/components/zoom/default.vue

@@ -1,115 +0,0 @@
-<template>
-  <div class="zoom-default">
-    <div class="zoom-wrapper" ref="zoom">
-      <div class="zoom-items">
-        <div class="grid-item" v-for="num in nums" :key="num">{{num}}</div>
-      </div>
-    </div>
-    <div class="btn-wrap">
-      <button class="zoom-half" @click="zoomTo(0.5)">zoomTo:0.5</button>
-      <button class="zoom-original" @click="zoomTo(1)">zoomTo:1</button>
-      <button class="zoom-double" @click="zoomTo(2)">zoomTo:2</button>
-    </div>
-    <div class="linkwork-wrap">
-      <p>changing with zooming action</p>
-      <div class="linkwork-block" :style="{transform: linkworkTransform}"></div>
-    </div>
-  </div>
-</template>
-
-<script type="text/ecmascript-6">
-  import BScroll from '@better-scroll/core'
-  import Zoom from '@better-scroll/zoom'
-
-  BScroll.use(Zoom)
-
-  const COMPONENT_NAME = 'zoom'
-
-  export default {
-    name: COMPONENT_NAME,
-    data() {
-      return {
-        nums: 16,
-        linkworkTransform: 'scale(1)'
-      }
-    },
-    mounted() {
-      this.init()
-    },
-    methods: {
-      init() {
-        this.zoom = new BScroll(this.$refs.zoom, {
-          freeScroll: true,
-          scrollX: true,
-          scrollY: true,
-          disableMouse: true,
-          useTransition: true,
-          zoom: {
-            start: 1.5,
-            min: 0.5,
-            max: 3,
-            initialOrigin: ['center', 'center']
-          }
-        })
-
-        this.zoom.on('zooming', ({ scale }) => {
-          this.linkworkTransform = `scale(${scale})`
-        })
-
-        this.zoom.on('zoomEnd', ({ scale }) => {
-          console.log(scale)
-        })
-      },
-      zoomTo(value) {
-        this.zoom.zoomTo(value, 'center', 'center')
-      }
-    }
-  }
-</script>
-<style lang="stylus" rel="stylesheet/stylus">
-
-.zoom-default
-  .zoom-wrapper
-    width 100%
-    overflow hidden
-    .zoom-items
-      display flex
-      flex-direction row
-      flex-wrap wrap
-      align-content space-between
-      .grid-item
-        flex 1 1 25%
-        box-sizing border-box
-        height 52px
-        line-height 52px
-        border 1px solid #eee
-        text-align center
-        &:nth-child(2n)
-          background-color #b3d4a8
-        &:nth-child(2n+1)
-          background-color #b6b7a3
-  .btn-wrap
-    margin-top 20px
-    display flex
-    justify-content center
-    button
-      margin 0 10px
-      padding 10px
-      color #fff
-      border-radius 4px
-      background-color #666
-  .linkwork-wrap
-    margin-top 50px
-    p
-      margin 10px 0
-      font-size 16px
-      font-weight bold
-      text-align center
-  .linkwork-block
-    margin 10px auto
-    width 60px
-    height 60px
-    border-radius 50%
-    background-image url("./good.svg")
-    background-size 100%
-</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/components/zoom/good.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1592462446757" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2675" width="400" height="400" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M807.2 508.5c-9.7-71.8-40.6-105.2-108.4-122.6-38.8-10-78.2-13.1-118.1-12.7-10.5 0.1-16.1-0.5-13.2-14.5 3-14.2 1.9-29.4 1.6-44.1-0.6-36.4-17-55.9-55.4-66.8-35.5-10.1-61.6-1.5-80.8 28-21.1 32.5-32.6 69-41.3 106.4-9.5 25.8-15.9 52.3-18.6 79.7-8.2 5.7-9 14.5-10.3 23.4-6 40.3-5.7 80.8-4.3 121.3 1 30.5 8.8 59.8 22.8 87 7.3 14.3 14.7 29.4 33 33.2 17.2 8.1 33.2 18.6 52.2 23.1 45.4 10.8 91.2 15.6 137.8 12.6 31.9 2 62.9-4.5 93.9-10.7 61.3-12.4 95.4-50.2 106.4-111.6 7.9-44 8.6-87.9 2.7-131.7z" fill="#FFC152" p-id="2676" data-spm-anchor-id="a313x.7781069.0.i3"></path><path d="M369.2 635.4c-9.7-58.2-3.8-115.8 4-173.5-54-18.3-89.8-4.7-114.8 45.2-19.5 38.9-32.3 80.1-38.5 123.2-7.4 25.8-9.3 52.3-3.6 78.1 8.4 38.3 47.9 63.8 99.9 67.8 4.1 1.3 8 3.5 12.2 3.8 41.3 2.9 66.4-20.7 85.9-53.3-24.5-25.8-39.3-56-45.1-91.3z" fill="#FF6994" p-id="2677"></path></svg>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/index.html

@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>BetterScroll Examples</title>
-  <meta charset="utf-8">
-  <meta name="viewport"
-        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
-  <link rel="shortcut icon" href="static/bs.ico" type="images/x-icon">
-  <link rel="stylesheet" type="text/css" href="static/css/reset.css">
-  <link rel="stylesheet" type="text/css" href="static/css/normalize.css" media="screen">
-  <link rel="preconnect" href="https://fonts.gstatic.com">
-  <link href="https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap" rel="stylesheet">
-  <link rel="stylesheet" type="text/css" href="static/css/stylesheet.css" media="screen">
-  <link rel="stylesheet" type="text/css" href="static/css/github-light.css" media="screen">
-</head>
-<body>
-<div id="app"></div>
-</body>
-</html>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/main.js

@@ -1,16 +0,0 @@
-import '@babel/polyfill'
-import Vue from 'vue'
-import router from './router'
-import App from './App.vue'
-
-// /* eslint-disable no-unused-vars */
-// import VConsole from 'vconsole' // develop console
-// /* eslint-disable no-new */
-// new VConsole()
-
-/* eslint-disable no-new */
-new Vue({
-  el: '#app',
-  router,
-  render: h => h(App)
-})

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/compose-entry.vue

@@ -1,48 +0,0 @@
-<template>
-  <div class="compose">
-    <ul class="example-list">
-      <li
-        @click="goPage('/compose/pullup-pulldown')"
-        class="example-item"
-      >
-        <span>pullup-pulldown</span>
-      </li>
-      <li
-        @click="goPage('/compose/pullup-pulldown-slide')"
-        class="example-item"
-      >
-        <span>pullup-pulldown-slide</span>
-      </li>
-      <li
-        @click="goPage('/compose/pullup-pulldown-outnested')"
-        class="example-item"
-      >
-        <span>pullup-pulldown-outnested</span>
-      </li>
-      <li
-        @click="goPage('/compose/slide-nested')"
-        class="example-item"
-      >
-        <span>slide-nested</span>
-      </li>
-      
-    </ul>
-    <transition name="move">
-      <router-view class="view"></router-view>
-    </transition>
-  </div>
-</template>
-<script>
-export default {
-  methods: {
-    goPage(path) {
-      this.$router.push(path)
-    }
-  }
-}
-</script>
-<style lang="stylus">
-.free-scroll-container
-  &.view
-    position fixed !important
-</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/core-entry.vue

@@ -1,44 +0,0 @@
-<template>
-  <div class="core">
-    <ul class="example-list">
-      <li class="example-item" @click="goPage('/core/default')">
-        <span>vertical</span>
-      </li>
-      <li class="example-item" @click="goPage('/core/horizontal')">
-        <span>horizontal</span>
-      </li>
-      <li class="example-item" @click="goPage('/core/dynamic-content')">
-        <span>dynamic-content</span>
-      </li>
-      <li class="example-item" @click="goPage('/core/specified-content')">
-        <span>specified-content</span>
-      </li>
-      <li class="example-item" @click="goPage('/core/freescroll')">
-        <span>freescroll</span>
-      </li>
-      <li class="example-item" @click="goPage('/core/vertical-rotated')">
-        <span>vertical rotated(v2.3.0)</span>
-      </li>
-      <li class="example-item" @click="goPage('/core/horizontal-rotated')">
-        <span>horizontal rotated(v2.3.0)</span>
-      </li>
-    </ul>
-    <transition name="move">
-      <router-view class="view"></router-view>
-    </transition>
-  </div>
-</template>
-<script>
-export default {
-  methods: {
-    goPage(path) {
-      this.$router.push(path)
-    }
-  }
-}
-</script>
-<style lang="stylus">
-.free-scroll-container
-  &.view
-    position fixed!important
-</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/form-entry.vue

@@ -1,26 +0,0 @@
-<template>
-  <div class="core">
-    <ul class="example-list">
-      <li class="example-item" @click="goPage('/form/textarea')">
-        <span>textarea</span>
-      </li>
-    </ul>
-    <transition name="move">
-      <router-view class="view"></router-view>
-    </transition>
-  </div>
-</template>
-<script>
-export default {
-  methods: {
-    goPage(path) {
-      this.$router.push(path)
-    }
-  }
-}
-</script>
-<style lang="stylus">
-.free-scroll-container
-  &.view
-    position fixed!important
-</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/indicators-entry.vue

@@ -1,24 +0,0 @@
-<template>
-  <div class="indicators">
-    <ul class="example-list">
-      <li class="example-item" @click="goPage('/indicators/minimap')">
-        <span>minimap</span>
-      </li>
-      <li class="example-item" @click="goPage('/indicators/parallax-scroll')">
-        <span>parallax scroll</span>
-      </li>
-    </ul>
-    <transition name="move">
-      <router-view class="view"></router-view>
-    </transition>
-  </div>
-</template>
-<script>
-export default {
-  methods: {
-    goPage(path) {
-      this.$router.push(path)
-    }
-  }
-}
-</script>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/infinity-entry.vue

@@ -1,16 +0,0 @@
-<template>
-  <infinity />
-</template>
-
-<script>
-import Infinity from 'vue-example/components/infinity/default.vue'
-export default {
-  components: {
-    Infinity
-  }
-}
-</script>
-
-<style lang="stylus">
-
-</style>