feat: 增加公用header样式
This commit is contained in:
parent
41955b8641
commit
497a6c983d
20
App.vue
20
App.vue
|
@ -68,7 +68,7 @@
|
|||
}
|
||||
.container {
|
||||
color: #333;
|
||||
padding: 12rpx;
|
||||
padding: 0rpx 12rpx;
|
||||
}
|
||||
.uni-forms-item {
|
||||
margin-bottom: 8rpx !important;
|
||||
|
@ -105,4 +105,22 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.header_sticky {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 90rpx;
|
||||
z-index: 10;
|
||||
background-color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.header_fixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: env(safe-area-inset-top)px;
|
||||
z-index: 1;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue