uni相关
文章平均质量分 76
uni
汤姆比基尼
程序员年二十有四,始从文连考而不中。遂习武练武场上发一矢,中鼓吏逐之出。改学IT自撰一函数,堆栈溢出。
展开
-
【uniapp】封装一个全局自定义的模态框
通过封装全局自定义的模态框,开发者可以大大提高应用程序的用户体验。同时,全局自定义的模态框还可以帮助开发者提高应用程序的统一性和品牌形象,增强用户的忠诚度和满意度。全局自定义的模态框是一种通用的UI组件,它可以在应用程序的任何位置被触发并弹出来。开发者可以根据自己的需求,设计出符合应用程序整体风格的模态框,包括颜色、字体、布局等。考虑到uni-app内置的模态框和app原生提示框的自定义能力有限,我决定自行封装全局自定义的模态框,以此为应用程序提供更加统一且个性化的界面。主要是dom树&css样式。原创 2023-08-09 11:09:43 · 1409 阅读 · 0 评论 -
【uni-app】实现上拉加载
假设你正在开发一款社交软件,用户可以浏览其他用户发布的动态信息。当用户下滑页面查看信息时,如果所有信息都被加载出来了,那么用户无法继续获取新的动态信息。因此,我们需要在这种情况下使用“上拉加载更多”的功能。具体而言,当用户下拉到页面底部时,会自动触发上拉加载更多的操作,在请求新的数据后更新页面内容。,以显示上拉加载更多组件。然后调用你的接口获取下一页数据,更新数据列表。中实现上拉加载更多的功能,可以使用 uni-loadmore 组件。在上面的示例代码中,假设你的后端接口需要传递一个名为。原创 2023-05-25 16:52:43 · 3273 阅读 · 0 评论 -
【uniapp】mpvue中循环生成多个相同的echarts水球图表,并且数据动态
由于是一个页面显示多个图表,所以还需要参考:(https://github.com/F-loat/mpvue-echarts/blob/master/examples/src/pages/demos/multiCharts.vue)既然是动态生成,option也可以不一样,正常情况下参数从function onInit(canvas, width, height)中传过来,但是参数是固定的,不能随便增加。,而且必须唯一,不唯一的话只能显示一个,其他的不会显示。以上例子写得很清楚,例子也是可行的。原创 2022-10-24 11:22:26 · 2121 阅读 · 1 评论 -
【uni-app】实现单页(多题)问卷调查
最近的项目要求做一个调查问卷,单页多题的,第一个想到的就是循环渲染(题目数据由后端返回,也就是说题目数量不定,题目类型分为单选)4、做完问卷后提交,拿到所有题目数据,组装成后端需要的数据结构提交答案即可。在uni项目中引入uView使用组件u-radio-group(单选)2、统一拿到所有题目的数据,拆分数据,通过题目类型控制。1、把每一道题单独封装成模块,循环渲染。3、选择答案后,监听判断是否答完。完结,撒花,欢迎留言~原创 2022-08-27 13:53:37 · 2915 阅读 · 4 评论 -
【uni-app】uni项目打包微信小程序中使用 ECharts (mpvue-echarts)
在小程序里画图表,uniapp 不想引入 u-charts怎么办,个人还是喜欢用echarts。改进的地方主要是拿到组件mpvue-echarts无法接收到prop的echarts,所以改用install后的echarts,当然你也可以去在线定制echarts.simple.min文件,我目前只定制了仪表盘.完结~欢迎留言。...原创 2022-07-27 16:05:03 · 5289 阅读 · 4 评论 -
【uni-app】封装websokcet以及使用方法
在使用uniapp开发一个IM即时通讯系统时,需要用到websocket协议,包括对话等等vue封装sokect传送门uni中封装websokect.js//是否已经连接上wslet isOpenSocket = false//心跳间隔,单位毫秒let heartBeatDelay = 3000let heartBeatInterval = null//心跳时发送的消息文本let heartBeatText = ""//最大重连次数let reconnectTimes = 10let原创 2022-03-31 10:57:07 · 5759 阅读 · 2 评论 -
【uniapp】多种支付方式封装
在uni-app项目中常用的支付主要有支付宝支付、微信支付、应用余额内支付这几种(剩余的支付方式不是主流,我也就不讲啦,嘻嘻>-原创 2022-07-22 14:46:58 · 1223 阅读 · 0 评论 -
【uni-app】第三方ui组件推荐&&引入的方法
uniapp项目第三方ui推荐,微信小程序引入vant-weapp,微信小程序引入u-view,uniapp中引用vant weapp 使用easycom,uniapp使用vant weapp,并使用easycom自动批量移入组件原创 2022-05-12 17:27:51 · 12445 阅读 · 4 评论