slider-modal v1.1.4

sliderModal

** 右侧滑出modal 基于iview Modal的基础上做开发，抽离出来一个单独的模块。避免iview更新的时候要重新兼容。

如果有Bug，请提交一下issues

Usage

npm install slider-modal import SliderModal from 'slider-modal'; import 'slider-modal/dist/styles/sliderModal.css'; Vue.use(SliderModal)

import Vue from 'vue'
import App from './App'
import SliderModal from 'slider-modal';
import 'slider-modal/dist/styles/slider-modal.css'; 
Vue.use(SliderModal)
Vue.config.productionTip = false

new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})


<template>
    <div>
       <sliderModal v-model="modal1" :styles="{width:'700px'}">
          <img src="https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/space/pic/item/14ce36d3d539b60010e41dd8e350352ac65cb7b2.jpg" alt="">

       </sliderModal>
       <Button @click="show">显示</Button>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                modal1: false,
                val: ''
            }
        },
        methods: {
           show (){
            this.modal1 = true;
           }
        }
    }
</script>