mirror of
https://github.com/ialley-workshop-open/uni-halo.git
synced 2026-09-13 00:50:40 +08:00
小莫唐尼
55 lines
1.5 KiB
Markdown
55 lines
1.5 KiB
Markdown
# Components Introduction
|
|
|
|
**官方文档**: https://uviewpro.cn
|
|
|
|
|
|
## Instructions
|
|
|
|
This example provides an introduction to uView Pro components.
|
|
|
|
### Key Concepts
|
|
|
|
- Component categories
|
|
- Component list
|
|
- Component usage
|
|
- Component features
|
|
|
|
### Example: Component Categories
|
|
|
|
**Basic Components (基础组件)**:
|
|
- Button, Icon, Image, Layout, Cell, Badge, Tag, Text, Fab, RootPortal, ConfigProvider
|
|
|
|
**Form Components (表单组件)**:
|
|
- Form, Input, Textarea, Calendar, Select, Keyboard, Picker, Rate, Search, NumberBox, Upload, VerificationCode, Field, Checkbox, Radio, Switch, Slider
|
|
|
|
**Data Components (数据组件)**:
|
|
- CircleProgress, LineProgress, Table, CountDown, CountTo
|
|
|
|
**Feedback Components (反馈组件)**:
|
|
- ActionSheet, AlertTips, Toast, NoticeBar, TopTips, Collapse, Popup, SwipeAction, Modal, FullScreen
|
|
|
|
**Layout Components (布局组件)**:
|
|
- Line, Card, Mask, NoNetwork, Grid, Swiper, TimeLine, Skeleton, Sticky, Waterfall, Divider
|
|
|
|
**Navigation Components (导航组件)**:
|
|
- Dropdown, Tabbar, BackTop, Navbar, Tabs, TabsSwiper, Subsection, IndexList, Steps, Empty, Link, Section, Pagination
|
|
|
|
**Other Components (其他组件)**:
|
|
- MessageInput, Loadmore, ReadMore, LazyLoad, Gap, Avatar, Loading, LoadingPopup, SafeAreaInset, Todo
|
|
|
|
### Example: Component Usage
|
|
|
|
```vue
|
|
<template>
|
|
<u-button type="primary">Button</u-button>
|
|
</template>
|
|
```
|
|
|
|
### Key Points
|
|
|
|
- 100+ components available
|
|
- Organized by category
|
|
- Auto-import with easycom
|
|
- Support Vue 3 Composition API
|
|
- Consistent API design
|