图片相关

| 滑动特效

Flickity vue-concise-slider vue-touch

1. 安装npm install vue-touch@next --save

2. 在main.js 中 引入：

    import VueTouch from 'vue-touch'
    Vue.use(VueTouch, {name: 'v-touch'})
    VueTouch.config.swipe = {
       threshold: 100 //手指左右滑动距离
    }
   

3. 在左右滑动页面的父页面使用，如：

    <v-touch v-on:swipeleft="onSwipeLeft" v-on:swiperight="onSwipeRight"  tag="div">
        <router-view></router-view>
    </v-touch>
   

4. 注意事项：使用左右滑动后，不能上下滑动。 vue-touch css属性：touch-action: none；默认禁止用户手势操作 把这个属性覆盖一下就好了，如： touch-action: pan-y!important;

| 加密

小程序-sm-crypto

| 图片裁剪

vue-cropper

| 图片资源

宇宙 unsplash VUE实例：使用 CSS Filter 处理图片