平台兼容性
使用说明
在不冲突的情况下,直接复制内部文件夹即可
当前版本 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、取舍、东庐 的反馈