分类:uniapp

uniapp开发笔记

地图中绘制发光的线条效果

地图中绘制发光的线条效果
可以通过在地图图层上应用发光效果来实现线条的发光效果。一种常见的方法是使用地图库提供的渲染技术,如添加光晕效果或使用特定的绘制样式来实现发光效果。以下是一个示例,以Mapbox GL JS地图库为例: // 创建地图 mapboxgl.accessToken = 'your_a...

yekong 1年前 (2023-07-04) 喜欢

uniapp 微信小程序 子组件触发onShow

uniapp 微信小程序 子组件触发onShow
在 UniApp 微信小程序中,onShow 生命周期方法是用于监听页面显示时触发的。如果你想在子组件中监听这个事件,可以使用 UniApp 的页面生命周期钩子 $vm。具体操作如下: 在父组件的 onShow 方法中,将事件传递给子组件。 首先,在父组件的 onShow 方法...

yekong 1年前 (2023-07-03) 喜欢

uniapp 定时请求接口实例组件

uniapp 定时请求接口实例组件
uniapp项目开发过程中,需要一个效果,有几个页面需要定时请求同一个接口,查询数据,如果有数据则不做反应,如果没有数据就需要弹窗提示,并根据用户操作跳转到指定页面 考虑掉这是多个页面的公共需求,所以单独抽离出来封装成为一个子组件。 子组件 子组件监听父组件信息进行接口请求触发。...

yekong 1年前 (2023-06-19) 喜欢

uniapp uview picker 微信小程序实现二级菜单选择

uniapp uview picker 微信小程序实现二级菜单选择
uniapp 微信小程序开发中,需要实现二级菜单筛选。为了避免很多组件放在一块导致数据混乱维护困难,这里将下拉菜单单独封装,只将选中的值返回给父组件,其他的数据交互全部在当前组件内完成。 需求 项目中有一个菜单需要下拉选择,这里的下拉有一级的,也有二级的,只有一级的就选择一级,有...

yekong 2年前 (2023-06-01) 喜欢

uniapp 微信小程序 按钮实现拖动效果

uniapp 微信小程序 按钮实现拖动效果
uniapp 微信小程序项目开发中,需要实现拖动按钮的效果。通过movable-area结合movable-view我们可以实现想要的效果。 相关组件说明文档 movable-area movable-view 效果演示 html <movable-area class...

yekong 2年前 (2023-05-10) 喜欢

uniapp uview navbar 左上角自定义图标

uniapp uview navbar 左上角自定义图标
uniapp 微信小程序开发时,头部要自定义,左上角我们需要添加两个按钮,一个返回一个进入首页。我们使用的是uview的navbar组件。 代码实例 <u-navbar :placeholder="true" left-icon-color="...

yekong 2年前 (2023-05-09) 喜欢

uniapp uview token 鉴权登录

uniapp uview token 鉴权登录
uniapp 微信小程序 使用uview Http请求 接口封装时 请求接口前判断是否当前接口是否需要鉴权. 封装 // 此vm参数为页面的实例,可以通过它引用vuex中的变量 import configs from './config.js' import Qs from '...

yekong 2年前 (2023-05-08) 喜欢

uniapp vuiew 实现弹窗遮罩模糊背景毛玻璃效果

uniapp vuiew 实现弹窗遮罩模糊背景毛玻璃效果
uniapp 项目开发中,需要一个效果,在弹窗显示的时候遮罩能够让让背景模糊类似毛玻璃的效果。 要添加背景模糊,我们首先需要找到 u-popup组件,找到transitionStyle属性,添加backdropFilter: 'blur(5px)'和'-webkit-backd...

yekong 2年前 (2023-05-07) 喜欢

微信小程序backdropFilter毛玻璃效果ios真机无效

微信小程序backdropFilter毛玻璃效果ios真机无效
使用uniapp开发微信小程序的时候,有一个毛玻璃的效果。在开发工具里测试后没有问题,但是在真机上运行的时候就失效了。 排查发现只设置backdropFilter的话,在ios真机下是无效的,我们还需要再加一段:-webkit-backdrop-filter:'blur(5px)...

yekong 2年前 (2023-05-07) 喜欢