blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-05 19:41:44 +08:00
Code Issues Projects Releases Wiki Activity

wip-Navbar

Browse Source
This commit is contained in:
Huang 2022-11-29 18:01:58 +08:00
parent 0c54ae6775
commit 63a1808f98
4 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/AppProvider/inedx.vue
View File

@ -1,6 +1,6 @@
<script lang="ts" setup name="AppProvider"></script>
<template>
<view class="_u_p-safe _u_bg-blue-500">
<view class="_u_bg-blue-500">
<slot></slot>
</view>
</template>

15
src/components/Navbar/index.vue Normal file
View File

@ -0,0 +1,15 @@
<script lang="ts" setup name="Navbar"></script>
<template>
<view class="navbar-wrapper _u_bg-lime-400">
<!-- 顶部状态栏 S-->
<view class="status-bar"></view>
<!-- 顶部状态栏 E-->
</view>
</template>
<style lang="scss" scoped>
.navbar-wrapper {
.status-bar {
height: var(--status-bar-height);
}
}
</style>

3
src/pages.json
View File

@ -3,7 +3,8 @@
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
"navigationBarTitleText": "首页",
"navigationStyle":"custom"
},
"meta": {
"ignoreAuth": true

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

@ -6,6 +6,7 @@
import { CURRENT_PLATFORM, PLATFORMS } from '@/enums/platformEnum';
import { judgePlatform } from '@/utils/platform';
import Iconify from '@/components/Iconify/index.vue';
import Navbar from '@/components/Navbar/index.vue';
const title = ref('uni-app vue3 ts --Vite');
@ -20,6 +21,7 @@
</script>
<template>
<AppProvider>
<Navbar />
<view class="content">
<image class="logo" src="/static/svg/LOGO.svg" />
<view class="text-area">