mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-07 01:28:30 +08:00
fix: 🐛 修复 Navbar显示下边框时fixed不生效的问题
This commit is contained in:
parent
6d1e633660
commit
18c09d8738
@ -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>
|
||||||
|
|||||||
@ -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');
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user