fix: 🐛 修复 Navbar显示下边框时fixed不生效的问题

This commit is contained in:
xuqingkai 2024-03-04 12:58:48 +08:00
parent 6d1e633660
commit 18c09d8738
2 changed files with 15 additions and 4 deletions

View File

@ -1,3 +1,12 @@
<!--
* @Author: weisheng
* @Date: 2023-10-17 17:20:31
* @LastEditTime: 2024-03-04 12:48:00
* @LastEditors: weisheng
* @Description:
* @FilePath: \wot-design-uni\src\pages\navbar\Index.vue
* 记得注释
-->
<template> <template>
<wd-toast></wd-toast> <wd-toast></wd-toast>
<page-wraper> <page-wraper>
@ -44,6 +53,7 @@
</template> </template>
</wd-navbar> </wd-navbar>
</demo-block> </demo-block>
<view style="height: 500rpx"></view>
</page-wraper> </page-wraper>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>

View File

@ -90,6 +90,11 @@
color: $-navbar-color; color: $-navbar-color;
} }
@include when(border) {
@include halfPixelBorder('bottom');
}
@include when(fixed) { @include when(fixed) {
position: fixed; position: fixed;
top: 0; top: 0;
@ -97,8 +102,4 @@
width: 100%; width: 100%;
z-index: 500; z-index: 500;
} }
@include when(border) {
@include halfPixelBorder('bottom');
}
} }