# 使用 uapp new 命令创建工程 (默认为此模版)
uapp new YourProject

# 进入工程目录
cd YourProject

# 先安装依赖库
npm install

// API_BASE_URL: API请求的URL域名前缀
export const API_BASE_URL = process.env.NODE_ENV === 'development'
  ? 'https://api-dev.code0xff.com/'
  : 'https://api.code0xff.com/'

// LOGIN_PAGE: 改为自己的登录页面，HTTP请求401时，会跳转到登录页
export const LOGIN_PAGE = '/pages/login/login'

// HOME_PAGE: 成功登录后的首页，或从登录导航栏跳转到首页
export const HOME_PAGE = '/pages/index/index'

// 使用 uni.setStorageSync(TOKEN_KEY) 保存用户的 token
export const TOKEN_KEY = 'token'

<view class="h-520rpx flex flex-row justify-center items-center w-screen">
  <image class="w-300rpx h-300rpx" src="/static/banner.png"></image>
</view>

<!-- 直接 class 里写 tailwindcss -->
<view class="w-100rpx h-100rpx rounded-full overflow-hidden mx-30rpx"></view>

<!-- 使用 @apply 可以直接 COPY  class 内的代码 -->
<view class="btn-item"></view>

.btn-item {
  @apply w-100rpx h-100rpx rounded-full overflow-hidden mx-30rpx;
}

// 用uni.$uv.queryParams 拼接URL字串
uni.$uv.http.get("/api/categories" + uni.$uv.queryParams(params))

// 直接内嵌变量
uni.$uv.http.get(`api/data/list?page=${page}&perPage=${perPage}`)

// 直接使用 post
uni.$uv.http.post('/api/auth/apple/oauth', {
  info: loginRes.appleInfo,
}).then(res => {
  // ...
})

// POST 方法，注意第三个参数 custom.catch = true, 避免异常被 http 封装拦截
uni.$uv.http.post('/api/auth/apple/oauth', {
  info: loginRes.appleInfo,
}, {
  custom: { catch: true },
}).then(res => {
  // ...
}).catch((e) => {
  // catch exception
})

uni.$uv.http.upload('/api/video/mixcut', {
  name: this.fileList[0].name,
  filePath: this.fileList[0].url,
  formData: this.FormData
}).then(res => {
  this.fileList = []
  uni.navigateBack()
}).catch(() => {
  uni.$uv.toast('提交失败!')
})