平台兼容性

使用说明

在不冲突的情况下,直接复制内部文件夹即可

当前版本 1.0.4

版本介绍

版本号 修改说明
1.0.4 1、补充说明了tab和左右滑动使用说明---左右滑动的第4条
1.0.3 1、左右滑动触发tab。(考虑到左右滑动通常和列表等一起出现,所以整合到myPull.js中)
2、修改全局window对象为globalThis
1.0.2 1、app下拉刷新冲突 (动态设置当前页是否可下拉,代码整合到myPull.js中,混入后,使用this.setPullDown(true||false)重置)
1.0.1 1、小程序上类名不规范
2、store加载到Vue原型上

使用左右滑动

1、混入myPull.js
2、有标签必须使用@touchstart="touchstart" @touchend="touchend"
3、使用swiperight、swipeleft覆盖默认方法
4、和tab进行联动的注意:<my-tabs @change="tapChange" :modelData="modelData" :initIndex="initIndex"></my-tabs> 
        其中modelData和initIndex的变量名为默认值,如需要修改,在混入myPull.js时进行声明(具体参考myPull.js源码)。

Tips:目前myPull.js只整合了左右滑动,请酌情修改。适配情况:h5,微信小程序,5+app,其余情况自行测试。

结构介绍

1.  /components
    1.1.  myIconfont 自定义字体图标
    1.2.  myLoading  全局loading
    1.3.  myTabs     封装的组件
    1.4.  myUnits    不同的列表子单元

2.  /static
    2.1.  css        初始化及常用类名设置
    2.2.  iconfont   字体图标依赖
    2.3.  js
         2.3.1.  constant.js   全局组件
         2.3.2.  global.js     全局方法封装(请求等)
         2.3.3.  myPull.js     封装的pull(整合了左右滑动)

各组件说明

1. myIconfont

暂未完善.......

2. myLoading

引用 说明
my-loading 由this.$state.commit('switch_loading')控制

3. myTabs

参数名称 是否必填 说明
modelData false [{label:"测试"},{label:"测试"},{label:"测试"}]
initIndex false 默认为0
change false this.$emit("change",点击的索引)

3. myUnits

各列表单元需要传入单元数据,然后使用computed来显示

借鉴说明

1.自定义loading

2.封装下拉刷新

感谢 1046865524@qq.com、取舍、东庐 的反馈

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问