.page{
height: 100%; /* 让page标签撑满屏幕 */
}
.yh-page-wrap {
display: flex;
flex-direction: column;
width: 750rpx;
margin:0rpx auto;
height: 100%; /* 替代 100vh */
background: #FFFFFF;
}
/* 页面样式盒子 */
.yh-page{
flex: 1; /* 自动占满剩余高度 */
width:100%;
overflow-y: auto;
background: #FFFFFF;
}
.yh-title{
width:100%;
height: 80rpx;
line-height: 80rpx;
text-align: center;
background-color: aliceblue;
}
.status_bar{
height: var(--status-bar-height);
width: 100%;
}
/* 全局定义 icon 基础样式(避免重复写) */
.icon {
overflow: hidden;
fill: #333; /* 默认颜色,替代 currentColor */
vertical-align: -11rpx; /* 基于 750rpx 基准,默认 75rpx 图标对应 -11rpx(75*0.15≈11) */
}