feat: 增加公用header样式
This commit is contained in:
parent
41955b8641
commit
497a6c983d
20
App.vue
20
App.vue
|
@ -68,7 +68,7 @@
|
||||||
}
|
}
|
||||||
.container {
|
.container {
|
||||||
color: #333;
|
color: #333;
|
||||||
padding: 12rpx;
|
padding: 0rpx 12rpx;
|
||||||
}
|
}
|
||||||
.uni-forms-item {
|
.uni-forms-item {
|
||||||
margin-bottom: 8rpx !important;
|
margin-bottom: 8rpx !important;
|
||||||
|
@ -105,4 +105,22 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
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>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue