feng_cpm v1.0.17

feng_cpm

简介

弹窗组件

版本更新日志

兼容之前版本，放心更新
1.0.5   
新增弹窗开启时，插槽获取参数 cpmData：{}
1.0.6
新增弹窗缓存，cache
1.0.7
优化cache默认值
1.0.8
优化css绝对定位、修复安卓手机软键盘遮挡输入框问题
1.0.9
优化弹窗结构, 抽离相同代码
新增弹窗底部弹出功能
1.0.10
优化底部弹出时，软键盘弹出造成弹窗可滚动问题
1.0.11
代码优化
1.0.14
关闭按钮回调函数优化
1.0.15
优化所有弹窗，部分手机软键盘弹出造成页面可滚动问题
1.0.16
优化关闭按钮回调函数调用，优化解除禁用滚动失效问题
1.0.17
删除禁止滚动功能

Use feng_cpm

npm install feng_cpm

import CPM from 'feng_cpm'
import 'feng_cpm/feng_cpm.css'

Vue.use(CPM)

Use feng_cpm in Html

<CPM
  ref="cpm1"
  class="cpm1"
  width="7.88rem"
  height="8.99rem"
  :bg_img="require('图片地址')"
  :close="false"
  :cache="true"
  v-slot="slotData"
>
  我是插槽{{ slotData.cpmData }}
</CPM>

tips：
开启弹窗：   this.$refs.cpm1.openCPM()    tips：同一节点下的弹窗开启无需关闭上一弹窗。会自动关闭
关闭弹窗：   this.$refs.cpm1.closeCPM()

事件：
@on-close       绑定关闭按钮的事件

属性：
ref        某一弹窗唯一ref，用于获取弹窗实例
width      显示区域宽度
height     显示区域高度
bg_img     背景图片（require...）
close      是否显示关闭按钮，默认true（显示关闭按钮）
cache      当cache为true时，弹窗关闭不会销毁
position   值为'bottom'时，底部弹出

注意事项，发包前要切换npm镜像

1.
npm config set registry https://registry.npm.taobao.org
npm config set registry https://registry.npmjs.org/
2.
npm run package
进行文件打包
3.
npm publish
上传npm