更新记录

1.0.6（2025-12-13） 下载此版本

• 新增 ux-avatar
• 新增 ux-text
• 新增 规则校验 API is.uts

1.0.5（2025-12-12） 下载此版本

更新 readme.md

1.0.4（2025-12-12） 下载此版本

• 新增 http 请求封装
• 优化 ux-popup 组件

平台兼容性

uni-app x(4.85)

uview-ux

使用vue3 + uts + uvue + 组合式API，支持uniapp x、鸿蒙、小程序，让开发更得心应手

说明

uview-ux，是使用uvue + uts开发，全面兼容 安卓/IOS/微信小程序/鸿蒙 的uni-app x生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。 uview-ux 是基于uViewPlus组件进行升级改造的（部分组件已简化重写），感谢uViewPlus。

• 文档正在完善中

组件

• [x] ux-gap（间隔槽）
• [x] ux-icon（图标）
• [x] ux-image（图片）
• [x] ux-loading-icon（加载图标）
• [x] ux-loading-page（加载页）
• [x] ux-navbar（顶部导航栏）
• [x] ux-overlay（遮罩层）
• [x] ux-popup（弹出层）
• [x] ux-safe-bottom（底部安全距离）
• [x] ux-status-bar（顶部状态栏）
• [x] ux-tabbar（底部导航栏）
• [x] ux-transition（动画）
• [x] ux-avatar（头像）
• [x] ux-text（文本）

API

• [x] Http请求

http 示例

// utils/request/http.uts

import { HttpClient } from '@/uni_modules/uview-ux/utils/http'

export const http = new HttpClient()

// 设置根域名和前缀
// http.setBaseUrl(APP_BASE_URL + API_PREFIX)

// 请求拦截
http.useRequestInterceptor(config => {
  console.log('➡ 请求拦截', config)
  return config
})

// 响应拦截
http.useResponseInterceptor<any>((res: UTSJSONObject): UTSJSONObject => {
  console.log('➡ 响应拦截')
  return res
})

// 使用
export const getList = (params: any) => {
  return http.get<any>('/page', {
    params
  })
}

规则校验

// 使用示例
import { isNumber } from '@/uni_modules/uview-ux/utils/is'