# uniapp-hybrid-template-vue

**Repository Path**: zzginfo/uniapp-hybrid-template-vue

## Basic Information

- **Project Name**: uniapp-hybrid-template-vue
- **Description**: 项目模板：这是一个基于 UniApp 的混合模板项目，适用于 Vue 框架。该项目旨在为开发者提供一个开箱即用的模板，用于构建高性能的跨平台应用。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-30
- **Last Updated**: 2025-11-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uniapp-hybrid-template-vue

这是一个基于 UniApp 的混合模板项目，适用于 Vue 框架。该项目旨在为开发者提供一个开箱即用的模板，用于构建高性能的跨平台应用。

## 项目特点

- **跨平台支持**：基于 UniApp，支持编译到 iOS、Android、H5、小程序等多个平台。
- **模块化设计**：项目中集成了多个常用的 UI 组件（如 Badge、Calendar、Card、Collapse、CountDown 等），便于快速开发。
- **组件丰富**：包含多种 UI 组件，如表单、按钮、导航栏、弹窗、列表、图标等，满足大多数应用场景。
- **国际化支持**：部分组件支持多语言（如英文、简体中文、繁体中文等）。
- **良好的扩展性**：支持通过 `uni_modules` 单独安装组件，也可以导入全部组件。

## 目录结构

```
├── App.vue
├── README.md
├── api/
│   ├── auth.js
│   └── list.js
├── common/
│   └── request.js        # 网络请求封装
├── index.html
├── main.js
├── manifest.json
├── pages.json
├── pages/
│   ├── home/
│   ├── index/
│   ├── list/
│   ├── login/
│   └── mine/
├── static/
│   └── logo.png
├── uni.promisify.adaptor.js
├── uni.scss
└── uni_modules/            # UniApp 官方 UI 组件库
    ├── uni-badge/
    ├── uni-calendar/
    ├── uni-card/
    ├── uni-collapse/
    ├── uni-countdown/
    ├── uni-data-checkbox/
    ├── uni-data-picker/
    ├── uni-data-select/
    ├── uni-dateformat/
    ├── uni-datetime-picker/
    ├── uni-drawer/
    ├── uni-easyinput/
    ├── uni-fab/
    ├── uni-fav/
    ├── uni-file-picker/
    ├── uni-forms/
    ├── uni-goods-nav/
    ├── uni-grid/
    ├── uni-group/
    ├── uni-icons/
    ├── uni-indexed-list/
    ├── uni-link/
    ├── uni-list/
    ├── uni-load-more/
    ├── uni-nav-bar/
    ├── uni-notice-bar/
    ├── uni-number-box/
    ├── uni-pagination/
    ├── uni-popup/
    ├── uni-rate/
    ├── uni-row/
    ├── uni-scss/
    ├── uni-search-bar/
    ├── uni-section/
    ├── uni-segmented-control/
    ├── uni-steps/
    ├── uni-swipe-action/
    ├── uni-swiper-dot/
    ├── uni-table/
    ├── uni-tag/
    ├── uni-title/
    ├── uni-tooltip/
    └── uni-transition/
```

## 快速开始

1. **安装依赖**

   ```bash
   npm install
   ```

2. **运行项目**

   ```bash
   npm run dev
   ```

3. **构建项目**

   ```bash
   npm run build
   ```

## 使用组件

该项目已经集成多个 UniApp 官方 UI 组件，您可以在页面中直接使用，例如：

```vue
<template>
  <view>
    <uni-badge text="1"></uni-badge>
    <uni-calendar :insert="true" @change="onCalendarChange" />
  </view>
</template>
```

如需单独安装某个组件，请参考对应组件的文档。

## 文档

- [UniApp 官方文档](https://uniapp.dcloud.io/)
- [uni-ui 组件文档](https://uniapp.dcloud.io/component/uniui)

## 社区交流

如使用过程中有任何问题，或者您对 uni-ui 有一些好的建议，欢迎加入 uni-ui 交流群：**871950839**

## 贡献代码

欢迎贡献代码，请参考 [uni-ui GitHub 仓库](https://github.com/dcloudio/uni-ui) 提交 PR。

## 协议

本项目遵循 MIT 协议。详见 [LICENSE](LICENSE) 文件。