@ux-frame/ux-frame NPM

重点说明 ⬇️

UxFrame UI框架(荣获2023年插件大赛一等奖)现已完成Vue3 setup重构，支持android、 ios、web 三端，适配长屏、宽屏、PC、折叠屏、横屏，同时框架已适配深色模式，可自由切换主题，内置字体大小、单位、强调色、背景色、文字颜色、内边距、外边距、圆角等20+项全局配置，轻松实现高效的页面布局。

文档教程 ⬇️

https://www.uxframe.cn

原生能力

框架内置微信和企业微信授权分享和支付能力，不再收取购买原生插件费用。更多原生功能持续集成中...

微信SDK
企业微信SDK

现有组件 ⬇️

基础 - 文本 ux-text - 图标 ux-icon - 图片 ux-image - 按钮 ux-button - 单元格 ux-cell - 过渡动画 ux-transition - 布局 ux-row、ux-col
表单 - 输入框 ux-input - 文本域 ux-textarea - 单选框 ux-radio - 开关选择器 ux-switch - 滑动选择器 ux-slider - 选择器 ux-picker - 日期选择器 ux-datepicker - 日历 ux-calendar - 评分 ux-rate - 步进器 ux-numberbox
交互 - 拖拽排序 ux-drag - 弹出层 ux-popover
展示 - 图表 ux-chart - 表格 ux-table - 二维码 ux-qr - 倒计时 ux-countdown - 数字滚动 ux-countto - 滚动通知 ux-noticebar - 角标 ux-badge - 标签 ux-tag - 加载 ux-loading
导航 - 顶部导航栏 ux-navbar - 底部导航栏 ux-tabbar - 选项卡导航栏 ux-tabs - 锚点选项卡 ux-anchortabs - 侧边栏 ux-sidebar - 索引导航栏 ux-indexbar
布局 - 页面 ux-page - 页面组 ux-pages - 瀑布流列表 ux-waterfall - 聊天列表 ux-chatlist - 宫格布局 ux-grid - 卡片 ux-card - 滚动列表 ux-scroll - 高性能滚动列表 ux-list - 抽屉 ux-drawer - 骨架屏 ux-skeleton - 分割线 ux-drvider - 折叠面板 ux-collapse - 遮罩层 ux-overlay - 空间占位 ux-placeholder
功能 - 全景图 ux-threejs - 悬浮按钮 ux-floatbutton - 引导 ux-guide - 签名 ux-signature - 下拉刷新 ux-refresher - 加载更多 ux-loadmore - 返回顶部 ux-backtop

开发中组件 ⬇️

表单 - 表单 ux-form - 上传 ux-upload
交互 - 长按提示 ux-tooltip - 上拉菜单 ux-actionsheet - 警告提示 ux-alert - 消息提示 ux-toast - 滑动单元格 ux-swipeaction
展示 - 状态 ux-state - 弹幕 ux-danmu - 头像 ux-avatar
布局 - 间隔槽 ux-gap - 轮播图 ux-swiper - 图片组 ux-imagegroup - 步骤条 ux-steps
导航 - 分页 ux-pagination
导航 - 键盘 ux-keyboard - 图片预览 ux-prviewer - 富文本解释器 ux-parse - 展开阅读更多 ux-readmore