9bcb37cd4f
- 使用@uni-helper/unocss-preset-uni替代原有小程序预设配置 - 移除unocss-applet依赖及相关自定义规则 - 更新vite配置中UnoCSS的异步导入方式 - 添加fg-*组件自动导入规则 - 更新about页面导航栏标题 - 调整package.json依赖版本 ``` 这个提交消息： 1. 使用`refactor`类型，因为这是对CSS配置体系的重构 2. 添加`unocss`作用域明确修改范围 3. 简明描述主要变更内容 4. 使用中文符合要求 5. 通过条目列出重要修改点，避免重复描述
45 lines
987 B
Vue
45 lines
987 B
Vue
<route lang="json5">
|
||
{
|
||
style: {
|
||
navigationBarTitleText: '关于',
|
||
navigationStyle: 'custom', // 开启自定义导航栏
|
||
},
|
||
}
|
||
</route>
|
||
|
||
<template>
|
||
<view>
|
||
<fg-navbar>关于</fg-navbar>
|
||
<view
|
||
class="bg-white overflow-hidden pt-2 px-4"
|
||
:style="{ marginTop: safeAreaInsets?.top + 'px' }"
|
||
>
|
||
<view class="text-center text-3xl mt-8">
|
||
鸽友们好，我是
|
||
<text class="text-red-500">菲鸽</text>
|
||
</view>
|
||
<view class="test-css">测试 scss 样式</view>
|
||
<RequestComp />
|
||
<UploadComp />
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import RequestComp from './components/request.vue'
|
||
import UploadComp from './components/upload.vue'
|
||
|
||
// 获取屏幕边界到安全区域距离
|
||
const { safeAreaInsets } = uni.getSystemInfoSync()
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.test-css {
|
||
// 16rpx=>0.5rem
|
||
padding-bottom: 16rpx;
|
||
// mt-4=>1rem=>16px;
|
||
margin-top: 16px;
|
||
text-align: center;
|
||
}
|
||
</style>
|