分类:uniapp

uniapp开发笔记

uniapp 日期选择弹窗自定义样式

uniapp 日期选择弹窗自定义样式
uniapp微信小程序开发要求展示未来3天的日期和星期,使用到了dayjs插件对日期进行格式化,结合uview弹窗组件进行使用。 组件代码 /** * @Author: 858834013@qq.com * @Name: dataTime * @Date: 2022-09-11...

yekong 2年前 (2022-09-11) 喜欢

uniapp 子组件定时请求接口

uniapp 子组件定时请求接口
uniapp 要求页面子组件每隔10秒请求一次接口,将实现过程记录下来。 主页面 主页面需要监听页面的显示 卸载 隐藏事件,并将事件通知给子组件。 onShow() { var that = this; uni.$emit('onShow', 1); }, onUnload(...

yekong 2年前 (2022-09-08) 喜欢

uniapp 使用uview实现带-号的数字键盘

uniapp 使用uview实现带-号的数字键盘
uniapp外包项目开发中,要求键盘可以负号小数点和数字,部分手机的数字键盘是没有负号的,所以使用了uview的键盘,做了一些调整后就实现了我们想要的效果。 u-keyboard 增加类型 negativeNumber <template> <u-popup...

yekong 2年前 (2022-09-06) 喜欢

uniapp 接口请求结合lottie动画实现收藏效果

uniapp 接口请求结合lottie动画实现收藏效果
uniapp 微信小程序开发,增加了一些lottie动效,这些动效需要结合接口请求触发,比如收藏功能,当收藏后,接口返回数据触发lottie动画。这样就实现了一个动画交互功能。 点击实现收藏,再点击取消收藏。 收藏组件代码 <template> <div c...

yekong 2年前 (2022-08-29) 喜欢

uniapp app端map地图点击获取经纬度

uniapp app端map地图点击获取经纬度
uniapp app端实现map地图点击地图获取当前经纬度. 使用注意事项 $getAppMap() 在页面中,必须在 onReady 中调用。 在组件中,必须在 mounted 中调用。 nvue没有$getAppMap(),请使用createMapContext uni-a...

yekong 2年前 (2022-08-28) 喜欢

uniapp 子组件监听页面onShow

uniapp 子组件监听页面onShow
uniapp 开发的时候,需要子组件监听onShow事件,但是子组件没有办法直接监听onShow,我们可以通过页面监听,当页面监听到以后发送通知,子组件监听通知,收到通知后触发事件就可以了。 页面代码 onShow() { uni.$emit('onShow', 1); }, ...

yekong 2年前 (2022-08-25) 喜欢

lottieweb 纷飞效果动画收藏

lottieweb 纷飞效果动画收藏
一个纷飞效果的动画,可以给某些按钮做图标,当按钮被点击后,就触发这个动画。看起来一定很带劲. 效果预览 git地址 纷飞效果动画 ...

yekong 2年前 (2022-08-20) 喜欢

vue 爆炸效果 警报提示

vue 爆炸效果 警报提示
通过3个div的叠加外,使用js控制div显示隐藏来达到类似爆炸一样的视觉效果。 推荐使用lottie实现方式 lottieweb 爆炸效果动画收藏 实际项目 在实际项目中的运行效果-vue数据可视化大屏外包实例-重要目标预警与智慧分析系统 代码 <template&...

yekong 2年前 (2022-08-20) 喜欢