Yinux/unibest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 处理首页

Browse Source
This commit is contained in:
Burt 2024-01-23 19:47:31 +08:00
parent bf422835ba
commit 9a7aa81234
2 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@ -1,8 +1,14 @@
<p align="center"><img width="100" src="./src/static/logo.svg"></p>
<h2 align="center">unibest - 最好用的 uniapp 开发模板</h2>
<p align="center">
<a href="https://github.com/codercup/unibest">
<img width="200" src="./src/static/logo.svg">
</a>
</p>
<h1 align="center">
<a href="https://github.com/codercup/unibest" target="_blank">unibest - 最好用的 uniapp 开发模板</a>
</h1>
<div align="center">
[![GitHub Repo stars](https://img.shields.io/github/stars/codercup/unibest?style=flat&logo=github)](https://github.com/codercup/unibest)
[![GitHub forks](https://img.shields.io/github/forks/codercup/unibest?style=flat&logo=github)](https://github.com/codercup/unibest)
@ -10,9 +16,9 @@
[![fork](https://gitee.com/codercup/unibest/badge/fork.svg?theme=dark)](https://gitee.com/codercup/unibest/members)![GitHub package.json version (subfolder of monorepo)](https://img.shields.io/github/package-json/v/codercup/unibest)
![GitHub License](https://img.shields.io/github/license/codercup/unibest)
</p>
</div>
<p align="center"><b>unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板，使用 VS Code 开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写 uniapp 拥有 best 体验。</b></p>
<div align="center"><b>unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板，使用 VS Code 开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写 uniapp 拥有 best 体验。</b></div>
![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)

33
src/pages/index/index.vue
View File

@ -5,27 +5,24 @@
}
</route>
<template>
<view class="bg-white h-full overflow-hidden pt-24 px-4">
<view class="bg-white h-full overflow-hidden pt-2 px-4">
<view class="mt-8">
<image src="/static/logo.png" alt="" class="w-20 h-20 block mx-auto" />
<view class="text-2xl text-center mt-4 font-bold"> UniBest </view>
</view>
<view class="mt-8">
<view class="text-center mt-4 font-bold text-xl">开箱即用的 uniapp+vue3+ts 模板</view>
<view class="text-center mt-4 font-bold"
><text class="text-red"> UniBest </text> 写 <text class="text-blue">uni</text>app，拥有
<text class="text-blue"> Best</text> 体验 ^_^</view
>
<!--
<view class="mt-8">果然UniIcons 在 微信小程序下颜色丢失</view>
<uni-icons type="contact" size="30"></uni-icons>
<uni-icons type="contact" size="30" color="red"></uni-icons>
<view mt-4>UnoCSS Icons就正常，以后还是多用UnoCSS Icons 吧</view>
<view class="i-carbon-car" />
<view class="i-carbon-car text-red" />
-->
<image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" />
</view>
<view class="text-center text-4xl main-title-color mt-4">unibest</view>
<view class="text-center text-2xl mt-4 mb-8">最好用的 uniapp 开发模板</view>
<view class="text-center text-xl"
>unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板，使用 VS Code
开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写
uniapp 拥有 best 体验。</view
>
</view>
</template>
<script lang="ts" setup></script>
<style>
.main-title-color {
color: #d14328;
}
</style>