uniapp
文章平均质量分 57
疯狂的小土蘑
一个小前端,学习中,希望能够成长
展开
-
【uniapp】Table固定首行、列,能够分级
已将前期写的uniapp表格组件封装成组件,上传至uniapp组件库。可以根据以下api进行使用,此组件只适用于app端(因为浏览器环境就可以正常写了,不用这么麻烦)。组件地址:添加链接描述Table 固定首列、首行主要提供能table首列、首行功能根据主题颜色变化:属性值类型说明tableHeaderobject固定首行时,头部数据classifyDataobject传入的最左侧大分类数据headerKeystring当不使用slot修改头原创 2022-01-27 15:56:58 · 8086 阅读 · 1 评论 -
【uniapp】sass主题切换
已将前期写的uniapp主题转换弄成了一个项目,上传至uniapp组件库。可以根据以下api进行主题切换,此组件只适用于app端(因为浏览器环境就可以正常写了,不用这么麻烦)。组件地址:添加链接描述Theme 主题切换主要使用scss与vuex支持uniapp主题切换使用方法:①安装npm install ②使用template调用示例::class="[vtheme,'content']"scss调用示例:.content { @include base-backgro原创 2022-01-24 16:42:12 · 1760 阅读 · 0 评论 -
【uniapp】悬浮球(floatball)全局组件——全局消息提醒功能
已将前期写的全局组件(消息提醒)封装完毕,上传至uniapp组件库。组件能够全局显示,不用每个组件都引用。此组件只适用于app端。组件地址:添加链接描述Floatball 悬浮球主要用于移动端app全局显示悬浮球,进行展示及跳转使用方法:①安装vuexnpm install vuex -D③copy插件中mixins,并在项目main.js引入,如:import mixin from './mixins/index.js'Vue.use(mixin)④copy插件中store,并原创 2022-01-19 11:09:50 · 3149 阅读 · 0 评论 -
【uniapp】确认框(confirm)组件
原创 2022-01-18 16:59:37 · 12885 阅读 · 0 评论 -
uniapp自定义封装确认框
uniapp 确认框原创 2022-01-13 10:35:39 · 1806 阅读 · 0 评论 -
uniapp 滑块封装
最近在做uniapp,需要一个滑块的组件,刚开始写了一个小滑块就两个内容,来回滑。后来项目有又个大的滑块,项目是动态加载的,还需要有动态效果,就又写了一个。效果图:点击时,会有滑动效果,上代码:/** * 弹窗组件 made by jidzh * * 最后修改时间:2021-09-10 * * 传入参数: * switchNames:滑块name数组 * widthItem:每个滑块的宽度 * componentName:引用组件时,多次使用需要给一个唯一名称 * currentN原创 2021-09-13 09:50:37 · 1170 阅读 · 0 评论 -
uniapp 弹出框二次封装
近期一直在做uniapp,所以自己封装了几个组件,是在uniapp提供组件的基础上进行的二次封装,感觉还是挺实用的,先贴个弹出框的,上代码:/** * 弹窗组件 made by jidzh * * 最后修改时间:2021-03-18 * * 传入参数: * filterArray:循环数组 * title:标题 * mode:单选(single)、多选(multiple),默认值为single * backgroundColor:背景颜色(可传入主题),默认值为#fff * width原创 2021-09-11 16:51:49 · 1493 阅读 · 0 评论 -
uniapp 封装固定表头、固定列表格
最近又有个很烦的需求,就是要在平板上渲染一张大表格,而且表格需要在向上滚动时固定表头,向左滚动时固定左侧列,uniapp是不支持table的,网上的也很难找到合适的组件,这就尴尬了。第一时间想的是用scroll-view来做,也真就这么搞了,也搞出来,通过各种计算固定了表头和左侧列,但是最让人头疼的问题就是性能太低,H5端没问题,移动端在滚动的时候会有延迟效果,而且滚动快了会错位,还有就是抖动,硬伤!后来想到了sticky,尝试了一下,还真可行,写了个组件,由于是给项目写的,封装具有局限性,大家有能用得原创 2021-06-29 14:28:37 · 7833 阅读 · 0 评论 -
uniapp全局组件(消息提醒)
书接上回,上个帖子写的主题切换,这个该写全局组件了,也是相互写着写着发现功能竟然有全局的,又是因为没有根组件[擦汗],ps:下次如果用uniapp,必须要做全产品功能,然后想好到底怎么搭这个框架!!!好了,接下来就是说下这帖子我的需求。项目有个消息提醒功能,累死就是一个悬浮按钮,全局显示,一来消息,上面的数字就会变化,功能很简单,但是在uniapp实现起来却有点麻烦。网上有很多老铁给的方法很通用啊,就是写个公共组件,然后每个组件都引用一遍,这里我想大喊一声,卧槽(我屮艸芔茻),如果我想这么麻烦那干嘛还来原创 2021-06-01 10:20:20 · 13108 阅读 · 5 评论 -
uniapp主题切换
uniapp主题切换近期公司一直在搞uniapp,搞着搞着发现最麻烦的就是没有根元素,导致好多功能在开发中非常麻烦,近期遇到两个:由于前期对uniapp考察不是很全面,导致在功能开发1/3以后才发现没有一个公共头,这时发现没法全局收发消息;主题前期有人搞,接手的时候发现是通过localstorage做的,感觉有点点low,而且是从后台传过来的,根本没必要,还会越存越多。这篇先提个解决主题的办法。网上找了一些解决方案,发现基本的思路都是通过vuex将颜色存起来,然后在每个页面引用后style,个原创 2021-06-01 09:34:48 · 4670 阅读 · 18 评论