76 lines
2.5 KiB
Vue
76 lines
2.5 KiB
Vue
|
<!-- 使用 type="home" 属性设置首页,其他页面不需要设置,默认为page;推荐使用json5,更强大,且允许注释 -->
|
|||
|
<route lang="json5" type="home">
|
|||
|
{
|
|||
|
style: {
|
|||
|
navigationStyle: 'custom',
|
|||
|
navigationBarTitleText: '首页',
|
|||
|
},
|
|||
|
}
|
|||
|
</route>
|
|||
|
<template>
|
|||
|
<view
|
|||
|
class="bg-white overflow-hidden pt-2 px-4"
|
|||
|
:style="{ marginTop: safeAreaInsets?.top + 'px' }"
|
|||
|
>
|
|||
|
<view class="mt-12">
|
|||
|
<image src="/static/logo.svg" alt="" class="w-28 h-28 block mx-auto" />
|
|||
|
</view>
|
|||
|
<view class="text-center text-4xl main-title-color mt-4">unibest</view>
|
|||
|
<view class="text-center text-2xl mt-2 mb-8">最好用的 uniapp 开发模板</view>
|
|||
|
<view class="text-center text-2xl mt-2 mb-8 text-green-400">hbx版(HBuilderX)</view>
|
|||
|
<view class="text-justify max-w-100 m-auto text-4 indent mb-2">{{ description }} </view>
|
|||
|
<view class="mt-8 text-center">
|
|||
|
<text class="text-green-400">在线文档:</text>
|
|||
|
<!-- #ifndef H5 -->
|
|||
|
https://codercup.github.io/unibest-docs/
|
|||
|
<!-- #endif -->
|
|||
|
<!-- #ifdef H5 -->
|
|||
|
<a href="https://codercup.github.io/unibest-docs/" target="_blank">
|
|||
|
https://codercup.github.io/unibest-docs/
|
|||
|
</a>
|
|||
|
<!-- #endif -->
|
|||
|
</view>
|
|||
|
<view class="mt-4 text-center">
|
|||
|
<text class="text-green-400">在线预览:</text>
|
|||
|
<!-- #ifndef H5 -->
|
|||
|
https://codercup.github.io/unibest/
|
|||
|
<!-- #endif -->
|
|||
|
<!-- #ifdef H5 -->
|
|||
|
<a href="https://codercup.github.io/unibest/" target="_blank">
|
|||
|
https://codercup.github.io/unibest/
|
|||
|
</a>
|
|||
|
<!-- #endif -->
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script lang="ts" setup>
|
|||
|
// 获取屏幕边界到安全区域距离
|
|||
|
const { safeAreaInsets } = uni.getSystemInfoSync()
|
|||
|
|
|||
|
const author = ref('菲鸽')
|
|||
|
const description = ref(
|
|||
|
'unibest 是一个集成了多种工具和技术的 uniapp 开发模板,由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI + VSCode 构建,模板具有代码提示、自动格式化、统一配置、代码片段等功能,并内置了许多常用的基本组件和基本功能,让你编写 uniapp 拥有 best 体验。',
|
|||
|
)
|
|||
|
|
|||
|
onLoad(() => {
|
|||
|
console.log(author)
|
|||
|
})
|
|||
|
|
|||
|
/** 激活“分享给好友” */
|
|||
|
onShareAppMessage((options: Page.ShareAppMessageOption): Page.CustomShareContent => {
|
|||
|
console.log('options:', options)
|
|||
|
return {
|
|||
|
title: 'unibest',
|
|||
|
desc: 'unibest 演示示例',
|
|||
|
path: '/pages/index/index?id=xxx',
|
|||
|
}
|
|||
|
})
|
|||
|
</script>
|
|||
|
|
|||
|
<style>
|
|||
|
.main-title-color {
|
|||
|
color: #d14328;
|
|||
|
}
|
|||
|
</style>
|