# uniapp-component

**Repository Path**: niu_jiangwei1/uniapp-component

## Basic Information

- **Project Name**: uniapp-component
- **Description**: uniapp项目用到的组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-20
- **Last Updated**: 2026-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: uni-app

## README

 **fun-login 是趣味登录pc端** 
 **component是uniapp组件库。当然也有简单的趣味登录** 

# UniApp 组件库

一个基于 UniApp 框架的跨平台 UI 组件库，提供 30+ 个常用业务组件，支持一套代码同时编译到 iOS、Android、H5、以及各种小程序平台。

## 组件列表

本组件库包含以下核心组件：

| 类别 | 组件 |
|------|------|
| 基础组件 | ButtonComponent, CardComponent, BadgeComponent |
| 表单组件 | FormComponent, InputComponent, SwitchComponent, SliderComponent, RatingComponent, SearchComponent, UploadComponent |
| 导航组件 | TabsComponent, StepsComponent, NavigationComponent, TabBarComponent |
| 展示组件 | CarouselComponent, CalendarComponent, ChartComponent, TimelineComponent, ListComponent |
| 反馈组件 | ToastComponent, LoadingComponent, LoadmoreComponent, RefreshComponent, PullRefreshComponent |
| 弹层组件 | DialogComponent, DrawerComponent, ActionSheetComponent |
| 业务组件 | AdComponent, QRCodeComponent, ShareComponent, PreviewComponent, MapComponent |

> 更多组件持续更新中...

## 技术栈

- **框架**: UniApp (Vue 3)
- **构建工具**: Vite
- **样式预处理器**: SCSS

## 快速开始

### 安装依赖

```bash
npm install
```

### 运行项目

```bash
# H5 端运行
npm run dev:h5

# 运行 uni-app
npm run dev:mp-weixin
```

## 项目结构

```
my-uni-app/
├── src/
│   ├── components/          # UI 组件目录
│   │   ├── ButtonComponent.vue
│   │   ├── CardComponent.vue
│   │   ├── FormComponent.vue
│   │   └── ...
│   ├── pages/               # 页面目录
│   │   ├── home/
│   │   ├── index/
│   │   └── login/
│   ├── App.vue              # 根组件
│   ├── main.js              # 入口文件
│   ├── pages.json           # 页面配置
│   ├── manifest.json       # 应用配置
│   └── uni.scss              # 全局样式
├── vite.config.js          # Vite 配置
└── package.json
```

## 使用示例

### 引入组件

```javascript
import ButtonComponent from '@/components/ButtonComponent.vue'
import FormComponent from '@/components/FormComponent.vue'
```

### 在页面中使用

```vue