快速上手 #

安装 #

在 uni-app 项目中导入 Zhimo UI 插件即可使用。

使用示例 #

<template>
  <view class="container">
    <z-button text="主要按钮" type="primary" />
    <z-input v-model="value" placeholder="请输入内容" />
    <z-tag text="标签" type="success" />
  </view>
</template>

<script setup>
import { ref } from 'vue'

const value = ref('')
</script>

组件分类 #

• 基础组件 - Button、Icon、Text、Color、Number
• 表单组件 - Input、Textarea、Checkbox、Radio、Switch、Picker 等
• 数据展示 - Badge、Tag、Avatar、Progress、Empty 等
• 反馈组件 - Toast、Dialog、Alert、Loading、Notify 等
• 导航组件 - NavBar、Tabs、Tabbar、Steps、Pagination 等
• 展示组件 - Card、List、Panel、Collapse、Timeline 等
• 操作组件 - ActionSheet、Overlay、Popover、SwipeAction 等
• 动画组件 - Transition、Spin、Lottie
• 媒体组件 - Gallery、Cropper、VideoUploader
• 布局组件 - Grid、BgImage、Spacer

特性 #

✨ 100+ 高质量组件
🎨 支持主题定制
📱 完美的移动端体验
🌍 国际化支持
♿️ 无障碍访问
📦 按需加载
🔧 灵活的配置
💪 使用 TypeScript 开发

浏览器支持 #

现代浏览器和微信小程序、支付宝小程序、字节跳动小程序等。

开源协议 #

MIT License