更新记录

3.1.4（2025-01-08）

1. 修复一些bugs

3.1.3（2025-01-03）

1. 【重要】微信小小程序版本上线啦～ 最低支持 HBX4.44版本，如果低于此版本请升级!
2. 【重要】多端适配！本框架现已支持uniappx - android、uniappx - ios、uniappx - web、uniappx - 微信小程序、 uniapp - web等5端编译平台
3. 【预告】后续版本将持续支持uniappx - 鸿蒙、uniapp - 鸿蒙、uniapp - android、uniapp - ios、uniapp - 微信小程序、uniapp - nvue等6端编译平台
4. 【重要】所有组件的尺寸参数默认类型改为Any，支持带单位，例如：:size="20"、size="20%"、size="20px"、size="20rpx"
5. 【重要】更改了框架安装方式，新的安装方式请参考安装说明适配
6. 原生库ux-plus新增openWeb功能，支持应用内原生弹窗的形式打开网页
7. 新增ux-echarts图表组件
8. 新增ux-sticky-section吸顶布局组件，作为官方未适配小程序的补充
9. 新增ux-sticky-header吸顶布局组件，作为官方未适配小程序的补充
10. 新增ux-movable-area拖动区域组件，作为官方还未支持APP端movable-area组件的补充, 功能与官方组件对齐
11. 优化全局配置，删除unit字段，框架内默认单位为px，内部会根据设备屏幕宽度进行相应的缩放，以适配不同的屏幕尺寸
12. 优化全局配置，新增customFont、customFamily参数，当ux-icon组件设置custom=true时有效，自定义图标库无需每个都要写路径了
13. 优化ux-list，uniapp版本支持虚拟列表
14. 优化ux-waterfall改版，对齐官方的瀑布流组件以适配多端，如果您用到此组件，请按文档调整
15. 优化ux-guide，删除notreach事件，新增scroll事件，如果您用到此组件，请按文档调整
16. 优化ux-icon新增custom字段，需配合全局配置中的customFont、customFamily使用
17. 优化ux-icon新增global字段，任意地方加载一次，全局生效
18. 优化ux-navbar新增blurAlpha，删除blurColor参数
19. 优化ux-tabbar新增blurAlpha，删除blurColor参数
20. 优化ux-input新增disabledColor、disabledDark参数，自定义输入框禁用颜色
21. 优化ux-input新增borderColor、borderColorDark参数，自定义输入框边框颜色
22. 优化ux-input新增borderRadius参数，自定义输入框圆角
23. 优化ux-input新增size-type参数，自定义显示大中小字体
24. 优化ux-input新增focus-border参数，控制聚焦时是否显示边框
25. 优化ux-textarea新增disabledColor、disabledDark参数，自定义输入框禁用颜色
26. 优化ux-textarea新增borderColor、borderColorDark参数，自定义输入框边框颜色
27. 优化ux-textarea新增focus-border参数，控制聚焦时是否显示边框
28. 优化ux-datepicker新增hourminute、datehour选择模式
29. 优化ux-navbar新增background支持背景图
30. 优化ux-tabbar新增onTab、onCenter函数
31. 优化ux-text新增size-type参数，自定义显示大中小字体
32. 优化ux-button新增size-type参数，自定义显示大中小字体
33. 优化ux-button新增width、height参数，自定义按钮大小
34. 优化ux-colorpicker新增colors参数，自定义预设颜色值
35. 优化ux-radio新增checkedColor、checkedColorDark参数，自定义选择颜色
36. 修复ux-drag排序异常问题，并且支持竖向拖拽排序且支持拖动到列表边缘自动滚动列表功能
37. 修复ux-navbarWeb端模糊异常问题
38. 修复ux-tabbarWeb端模糊异常问题

3.1.2（2024-09-12）

1. 新增setGray api，支持哀悼模式(全局置灰)
2. 新增shareWithSystem api，支持调用系统分享功能
3. 新增setRequestPermissionTips api，可设置申请权限的提示说明
4. 新增requestPermissions api，支持权限申请
5. 新增openAppAuthorizeSetting api，支持打开app权限设置
6. 新增hideKeyboard api，支持隐藏键盘
7. 新增ux-apng序列帧动画组件
8. 新增ux-blur高斯模糊组件
9. 新增ux-richtext富文本组件
10. 新增ux-empty空状态组件
11. 优化ux-card支持高斯模糊背景
12. 优化ux-drawer支持高斯模糊背景
13. 优化ux-modal支持高斯模糊背景
14. 优化ux-overlay支持高斯模糊背景
15. 优化ux-popover支持高斯模糊背景
16. 优化ux-actionsheet支持高斯模糊背景
17. 优化ux-navbar支持高斯模糊背景
18. 优化ux-tabbar支持高斯模糊背景
19. 优化ux-icon新增一些常用图标
20. 优化ux-button新增colors、gradientDirection渐变色和方向参数
21. 优化ux-navbar新增gradientDirection渐变色方向参数
22. 优化ux-navbar当Web刷新页面之后，路由栈只有当前页面路由，此时点击返回可以直接返回首页
23. 优化ux-upgrade页面样式
24. 优化ux-countto新增format参数，支持格式化数字金额显示
25. 优化全局配置新增uptSystemStyle参数控制是否修改系统全局样式，例：backgroundColorContent、backgroundColor、navigationBarColor、tabBarStyle等系统样式
26. 修复全局配置修改后无法持久化保存的问题
27. 修复ux-icon自定义图标库不显示的问题
28. 修复ux-tabs横屏进入闪退的问题
29. 修复ux-tabs动态修改单个属性不生效的问题
30. 修复ux-image loading动画不居中的问题
31. 修复ux-colorpicker深色模式下配色问题
32. 修复ux-chatlist演示demo聊天内容异常显示和输入框顶出navbar的问题
33. 修复ux-slider切换主题导致进度重置的问题
34. 修复ux-input动态切换focus不生效的问题
35. 修复ux-textarea动态切换focus不生效的问题
36. 修复ux-waterfall高度异常问题
37. 修复ux-card边框不能动态显隐问题

平台兼容性

UxFrame 3.1.4

基于UNI-APP-X开发的低代码高性能UI框架

重点说明 ⬇️

UxFrame UI框架(荣获2023年插件大赛一等奖)基于uniappx setup模式构建，是一个功能强大、性能卓越、美观精致的跨平台解决方案。

目前框架已支持 uniappx android、uniappx ios、uniappx 微信小程序、uniappx web、uniapp H5 五端！

已适配长屏、宽屏、PC、折叠屏、横屏，同时框架已适配深色模式，可自由切换主题，内置字体大小、单位、强调色、背景色、文字颜色、内边距、外边距、圆角等20+项全局配置，轻松实现高效的页面布局。

福利赠送

凡是购买UI库，免费赠送以下全部原生插件

微信SDK 微信支付 微信登录 微信分享 打开小程序 微信企业客服

企业微信SDK 企业微信登录 企业微信分享

抖音授权分享SDK

实时音视频通话直播SDK 支持语音通话 视频通话 语音直播 视频直播 录屏直播

Plus原生插件库

本地文件选择器，支持Android、iOS、Web

本地数据库sqlite，支持Android、iOS

UTS 零SQL本地数据库ORM

自定义相机预览拍照组件

iOS StoreKit 应用评分

推荐离线打包工具 嘎嘎快～

uniapp应用开发工具，可以生成android和iOS离线工程，一键本地打包，支持uniapp和uniapp-x项目

文档教程 ⬇️

https://www.uxframe.cn

内置原生能力 ⬇️

• 全局置灰 (Android、iOS、Web)
• 系统分享 (Android、iOS）
• 设置申请权限的提示说明 (Android）
• 权限申请 (Android、iOS）
• 打开app权限设置 (Android、iOS）
• 隐藏键盘 (Android、iOS、Web)
• 拨打电话 (Android、iOS、Web)
• 打开链接 (Android、iOS、Web)
• 打开网页 (Android、iOS、Web)
• 震动 (Android、iOS)
• 创建进度条通知栏 (Android)
• 微信SDK (Android、iOS）
• 企业微信SDK (Android)

内置云函数 ⬇️

• 版本跟新检测

现有组件 ⬇️

• 核心库

  • 国际化 i18n
  • 原子化CSS autocss
  • 路由管理 router
  • 请求库 request
  • 状态管理 state
  • 日期库 date
  • 颜色库 color
  • 工具库 util
  • uts工具集 toolkit
  • 加密库 encrypt

• 基础

  • 文本 ux-text
  • 富文本 ux-richtext
  • 图标 ux-icon
  • 图片 ux-image
  • 按钮 ux-button
  • 单元格 ux-cell
  • 高斯模糊 ux-blur
  • 过渡动画 ux-transition
  • 布局 ux-row、ux-col

• 表单

  • 表单 ux-form
  • 输入框 ux-input
  • 文本域 ux-textarea
  • 键盘 ux-keyboard
  • 颜色选择器 ux-colorpicker
  • 单选框 ux-radio
  • 开关选择器 ux-switch
  • 滑动选择器 ux-slider
  • 选择器 ux-picker
  • 日期选择器 ux-datepicker
  • 日历 ux-calendar
  • 评分 ux-rate
  • 步进器 ux-numberbox
  • 上传 ux-uoload

• 反馈

  • 对话框 ux-modal
  • 提示框 ux-toast
  • 弹窗 ux-popover
  • 拖拽排序 ux-drag
  • 滑动操作栏 ux-swipeaction
  • 底部操作栏 ux-actionsheet
  • 悬浮按钮 ux-floatbutton

• 展示

  • Echarts图表 ux-echarts
  • F2图表 ux-chart
  • 表格 ux-table
  • 二维码 ux-qr
  • 水印 ux-watermark
  • 倒计时 ux-countdown
  • 数字滚动 ux-countto
  • 滚动通知 ux-noticebar
  • 角标 ux-badge
  • 标签 ux-tag
  • 加载 ux-loading
  • 空状态 ux-empty

• 导航

  • 顶部导航栏 ux-navbar
  • 底部导航栏 ux-tabbar
  • 选项卡导航栏 ux-tabs
  • 锚点选项卡 ux-anchortabs
  • 侧边栏 ux-sidebar
  • 索引导航栏 ux-indexbar

• 布局

  • 页面 ux-page
  • 页面组 ux-pages
  • 瀑布流列表 ux-waterfall
  • 聊天列表 ux-chatlist
  • 拖动区域 ux-movable-area
  • 宫格布局 ux-grid
  • 卡片 ux-card
  • 滚动列表 ux-scroll
  • 高性能滚动列表 ux-list
  • 抽屉 ux-drawer
  • 骨架屏 ux-skeleton
  • 分割线 ux-drvider
  • 折叠面板 ux-collapse
  • 遮罩层 ux-overlay
  • 空间占位 ux-placeholder

• 其他

  • 升级 ux-upgrade
  • 引导 ux-guide
  • 序列帧动画 ux-apng
  • 全景图 ux-threejs
  • 签名 ux-signature
  • 路由 ux-router
  • 吸顶 ux-sticky-header
  • 下拉刷新 ux-refresher
  • 加载更多 ux-loadmore
  • 返回顶部 ux-backtop

未来规划 ⬇️

在功能强大、性能卓越、美观精致的基础下同时支持UniApp X和Uniapp Vue3两种编译模式，一套代码能同时编译到2种模式下的多种平台: 鸿蒙OS、Android、iOS，Web，PCWeb，主流小程序(微信、支付宝、抖音、快手、QQ、钉钉、飞书、小红书)，并且实现低代码拖拽和AI生成代码功能！

功能特性快速了解

扫码体验

WEB/PC预览 https://web.uxframe.cn