unixProject/pages/index/index.uvue

<template>
  <view class="page">
    <view class="header">
      <text class="title">首页</text>
      <text class="subtitle">uni-app x 项目已就绪</text>
    </view>
    <view class="card">
      <text class="card-title">基础架构</text>
      <text class="card-item">· pages / components / api / store / utils</text>
      <text class="card-item">· TabBar 三页已配置</text>
      <text class="card-item">· 请求封装见 utils/request.uts</text>
    </view>
  </view>
</template>

<script lang="uts">
export default {
  data() {
    return {}
  },
  onLoad() {
    console.log('index onLoad')
  }
}
</script>

<style>
.page {
  flex: 1;
  padding: 16px;
}
.header {
  padding: 24px 0;
}
.title {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}
.subtitle {
  margin-top: 8px;
  font-size: 14px;
  color: #999999;
}
.card {
  padding: 16px;
  background-color: #ffffff;
  border-radius: 8px;
}
.card-title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 12px;
}
.card-item {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
}
</style>