uni-halo/.agents/skills/uview-pro-vue3/examples/components/intro.md

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

<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