一个用于 "Slide to unlock" 的 NativeScript-Vue 组件

使用 NativeScript-Vue 制作动画，以 iOS 风格实现滑动解锁。适用于 iOS 和 Android。

安装

ns plugin add @nativescript-community/ui-vue-unlock-slider

用法

// app.js
import Vue from 'nativescript-vue'
...
+ import UnlockSlider from '@nativescript-community/ui-vue-unlock-slider'
+ Vue.use(UnlockSlider)

<UnlockSlider ref="unlockSlider" @change="sliderChange" />

export default {
  data() {
    return {
      slidePercent: 0
    }
  },
  methods: {
    sliderChange(percent) {
      this.slidePercent = percent;
    },
    reset() {
      this.$refs.unlockSlider.reset();
    }
  }
}

属性

事件