分类:uniapp组件

uniapp组件笔记

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

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

yekong 9个月前 (07-04) 753℃ 2喜欢

uniapp 下拉选择效果

uniapp 下拉选择效果
uniapp页面需要一个点击下拉的效果,将时间记录下来,留待复用。 使用组件 <typeSeleted :gridId.sync="data.gridId"></typeSeleted> 组件代码 /** * @Author: 85...

yekong 1年前 (2022-12-18) 691℃ 4喜欢

uniapp 小程序二维码生成插件

uniapp 小程序二维码生成插件
uniapp 微信小程序需要生成二维码,所以找了一个二维码生成插件。 插件地址 使用代码 <template> <view> <uqrcode v-if="getshow" size="320" c...

yekong 1年前 (2022-11-17) 1574℃ 1喜欢

uniapp 性别选择组件

uniapp 性别选择组件
uniapp 项目开发时,经常会遇到选择性别的情况,于是单独封装成了一个组件,可以进行复用。 使用 <sex :active.sync="sex"></sex> 组件代码 <template> <div clas...

yekong 1年前 (2022-10-31) 1271℃ 2喜欢

uniapp筛选组件

uniapp筛选组件
uniapp需要一个筛选的按钮,点击可以实现调整排序,根据排序对箭头方向进行调整显示。 组件使用实例 <div class="screenings"> <screening :active.sync="orderby_sales...

yekong 1年前 (2022-10-21) 1250℃ 0喜欢

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

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

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

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

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

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

uniapp 微信小程序底部导航添加动画

uniapp 微信小程序底部导航添加动画
最近学习ae的一些基本功能,于是跟着学习了一些简单的动画,并想着怎么融入到自己写的项目中去。于是加入到了自己正在开发的微信小程序中。 组件使用 <div class="list" v-for="(item,index) in list&quo...

yekong 2年前 (2022-08-14) 1081℃ 2喜欢

uniapp 微信小程序收藏增加点击动画

uniapp 微信小程序收藏增加点击动画
uniapp微信小程序开发,要求页面中,尽可能的增加动画效果,于是收藏也给增加了一个动画,封装成可复用的组件,只需要更换json数据就可以更换为其他的图标动画。以便于后期重复使用。 使用组件 <div class="icon_star"> ...

yekong 2年前 (2022-08-14) 1056℃ 8喜欢

uniapp微信小程序实现lottie动画

uniapp微信小程序实现lottie动画
最近微信小程序项目开发要求添加动画效果,又正好看到一个动画插件lottie,于是实践了一番. 使用代码 <div class="reqiqiu"> <lottie width='27' height='27' path="ht...

yekong 2年前 (2022-08-06) 2513℃ 4喜欢

uniapp 输入框限制数字最大值

uniapp 输入框限制数字最大值
uniapp 微信小程序项目开发时,要求输入框的数字不能超过指定值。这就需要做一下限制了。 使用组件 <inputFilterMax :max="data.MaxWeight - data.TareWeight" :value.sync='data.Ca...

yekong 2年前 (2022-07-28) 3176℃ 0喜欢

uniapp uview空内容 内容为空二次封装

uniapp uview空内容 内容为空二次封装
uniapp uview Empty nodata默认提供的图片已经够用了,但是每次都需要手动输入以及调节上下间距比较麻烦,所以二次封装一下。节省一下工作量。 组件代码 <template> <div class="empty" :styl...

yekong 2年前 (2022-07-25) 1854℃ 1喜欢

uniapp 小数点价格样式

uniapp 小数点价格样式
使用到了lodash插件 uniapp 使用lodash lodash根据separator 拆分字符串string es6 js判断字符串是否包含指定字符 使用实例 <price price="10.11"></price> 组件...

yekong 2年前 (2022-06-28) 857℃ 0喜欢

u-swipe-action-item导致无法滚动加载分页

u-swipe-action-item导致无法滚动加载分页
uniapp uview 滑动显示删除按钮,当如果是列表分页使用就会出现无法上拉加载分页的情况。所以更换了一个组件。 组件文档 文档地址 插件下载地址 插件下载地址 使用代码 <uni-swipe-action> <uni-swipe-action-...

yekong 2年前 (2022-06-21) 1653℃ 1喜欢