feat: 优化页面展示效果

This commit is contained in:
菲鸽 2024-01-28 18:58:05 +08:00
parent bb8e828c5d
commit 2fc5477655
2 changed files with 3 additions and 24 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<view class="default-layout"> <view class="default-layout">
<slot /> <slot />
<view class="text-gray-400 m-auto mt-8">[default layout]</view> <view class="text-gray-400 m-auto mt-20">[default layout]</view>
</view> </view>
</template> </template>

View File

@ -12,7 +12,7 @@
class="bg-white h-full overflow-hidden pt-2 px-4" class="bg-white h-full overflow-hidden pt-2 px-4"
:style="{ marginTop: safeAreaInsets?.top + 'px' }" :style="{ marginTop: safeAreaInsets?.top + 'px' }"
> >
<view class="mt-20"> <view class="mt-12">
<image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" /> <image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" />
</view> </view>
<view class="text-center text-4xl main-title-color mt-8">unibest</view> <view class="text-center text-4xl main-title-color mt-8">unibest</view>
@ -22,35 +22,14 @@
开发具有代码提示自动格式化统一配置代码片段等功能同时内置了大量平时开发常用的基本组件开箱即用让你编写 开发具有代码提示自动格式化统一配置代码片段等功能同时内置了大量平时开发常用的基本组件开箱即用让你编写
uniapp 拥有 best 体验</view uniapp 拥有 best 体验</view
> >
<view class="text-blue mt-8 text-center"> 详细示例 参考 hello-unibest </view> <view class="text-blue mt-8 text-center"> 详细示例 参考 hello-unibest 项目 </view>
<view class="my-2 text-center">https://github.com/codercup/hello-unibest</view> <view class="my-2 text-center">https://github.com/codercup/hello-unibest</view>
<!-- #ifndef MP-WEIXIN -->
<!-- 微信使用复制按钮需要申请权限先去掉 -->
<button @click="onCopy" class="max-w-100 m-auto">复制 hello-unibest github地址</button>
<!-- #endif -->
</view> </view>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
// //
const { safeAreaInsets } = uni.getSystemInfoSync() const { safeAreaInsets } = uni.getSystemInfoSync()
const author = ref('菲鸽')
console.log(author)
// #ifndef MP-WEIXIN
const onCopy = () => {
uni.setClipboardData({
data: 'https://github.com/codercup/hello-unibest',
fail: (fail) => {
console.error('fail', fail)
},
success: (success) => {
console.log('success', success)
},
})
}
// #endif
</script> </script>
<style> <style>