样式

模板基于 UnoCSS 提供主要样式支持。当然，你可以使用 CSS 预处理器、组件库等。

UnoCSS

UnoCSS 是按需使用的原子 CSS 引擎，提供了良好的样式支持。

模板内置了 @uni-helper/unocss-preset-uni，它在底层使用 unocss-applet 来兼容不同平台，并提供了按平台编写样式的能力。

<!-- 只在 H5 编译时生成 mx-auto 类 -->
<view class='uni-h5:mx-auto'></view>
<!-- 只在 APP 编译时生成 mx-auto 类 -->
<view class='uni-app:mx-auto'></view>
<!-- 只在小程序编译时生成 mx-auto 类 -->
<view class='uni-mp:mx-auto'></view>
<!-- 只在微信小程序编译时生成 mx-auto 类 -->
<view class='uni-weixin:mx-auto'></view>
<!-- 只在支付宝小程序编译时生成 mx-auto 类 -->
<view class='uni-mp-alipay:mx-auto'></view>

CSS 预处理器

你可以参考 Vite 文档 CSS 预处理器，了解相关使用方法。

单文件组件样式

你可以参考 Vue 文档单文件组件 CSS 功能，了解相关使用方法。

组件库

查看 uni-helper/awesome-uni-app 整理的 组件库，选一个你心动的即可~

在 GitHub 上编辑此页
视图
视图是 uni-app 应用的用户界面，它由组件组成。
数据获取
你可以使用你喜欢的第三方请求库来获取数据。一般情况下，直接使用 uni-app 内置方法即可。
成为赞助商