![](https://img-blog.csdnimg.cn/20200515113553125.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
aui
文章平均质量分 94
移动端UI框架
风如白话
WEB前端开发
展开
-
uniapp自定义picker城市多级联动组件
uniapp自定义picker城市多级联动组件支持多端——h5、app、微信小程序、支付宝小程序...支持自定义配置picker插件级数支持无限级下载完整代码:https://github.com/aui-js/aui-uni注意事项:插件传入数据格式为children树形格式,内部包含:id、name组件运行图示:![1](https://img-blog.csdnimg.cn/20200713172959163.png组件选择后返回数据如:引用示例:<templ原创 2020-07-13 17:31:55 · 7756 阅读 · 6 评论 -
h5搜索页模板
h5搜索页模板预览 带搜索历史功能完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>原创 2020-07-02 17:47:12 · 2073 阅读 · 2 评论 -
js 时间选择器插件
查看演示 html代码:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport"/原创 2020-05-20 14:41:21 · 1290 阅读 · 1 评论 -
移动端省市区三级联动
查看演示 html代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>picker多级联动</tit原创 2020-05-20 14:32:48 · 1312 阅读 · 0 评论 -
js 获取图片主题色
获取图片主色、次色、调色板RGBaster.colors(img, { paletteSize: 10, //调色板大小(可选项) exclude: ['rgb(0,0,0)', 'rgb(255,255,255)' ,'rgb(254,254,254)' ],//剔除的颜色 success: function(payload) { // payload.dominant是主色,RGB形式表示 // payload.secondary是次色,RGB形式表示 // payload.pal原创 2020-05-19 15:35:51 · 1710 阅读 · 0 评论 -
js 移动端手势事件
元素绑定手势事件:aui.on('元素', 'click', function(){ aui.alert({msg: 'click点击事件'});});元素解绑手势事件:aui.off('元素', 'click');查看演示 html:<div class="aui-content"> <p style="width: 100%; line-height: 25px; padding: 0 20px; box-sizing: border-box; text-al原创 2020-05-15 21:02:27 · 460 阅读 · 0 评论 -
h5 移动端左右联动分类页面
h5移动端左右联动分类页面查看演示 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" t原创 2020-05-14 10:59:03 · 2323 阅读 · 0 评论 -
aui.parabola.js 加入购物车抛物线特效
h5页面抛物线(加入购物车)预览 完整aui前端UI框架地址:github仓库: https://github.com/aui-js/aui html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum原创 2020-05-15 10:48:06 · 444 阅读 · 0 评论 -
aui移动端UI框架
aui 是一套基于原生javascript开发的移动端UI框架。包含常用js API(如:字符校验、本地定时存储、数组对象处理、ajax原生封装、设备信息获取、手势事件…);插件(如:loading加载、dialog模态框、toast消息提示、picker多级联动…);UI组件(如:button按钮、tag标签、card卡片…);常用模板(如:侧滑菜单、加入购物车动画、星级评价、图片上传预览裁剪、选项卡…)。原创 2020-05-14 09:57:33 · 10934 阅读 · 1 评论