page { background: #ffffff; width: 100%; height: 100%; } /*分割线样式*/ .divLine{ background: #E0E3DA; width: 100%; height: 5rpx; } .navbar { width: 100%; height: 90rpx; /* 文本不换行 */ white-space: nowrap; display: flex; box-sizing: border-box; border-bottom: 1rpx solid #eee; background: #fff; align-items: center; /* 固定在顶部 */ } .nav-item { line-height: 60rpx; background-color: #f7f7f7; padding-left: 25rpx; padding-right: 25rpx; height: 100%; display: inline-table; /* 普通文字大小 */ font-size: 28rpx; } .nav-text { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; letter-spacing: 4rpx; box-sizing: border-box; } .tab-on { color: #000080; /* 选中放大 */ font-size: 38rpx !important; font-weight: 600; border-bottom: 4rpx solid #000080 !important; } .P_input { position: relative; } .P_input input { background: white; border-radius: 40rpx; width: 90%; padding: 10rpx 0; padding-left: 40rpx; margin: 40rpx 0 5% 20rpx; } .P_input image { position: absolute; z-index: 999999; width: 36rpx; height: 36rpx; padding: 6rpx 20rpx; right: 20rpx; top: 12rpx; } .imagesize { display: flex; justify-content: center; align-items: center; width: 650rpx; margin-left: 50rpx; margin-right: 50rpx; } .imagesize select { height: 50rpx; width: 350rpx; } .imagesize select2 { height: 180rpx; width: 350rpx; } .foodist{ margin-top:10px; } .foodlist .a .img{ float:left; width:40%; height:100%; } .foodlist .a .img image{ width:200rpx; height:200rpx; } .foodlist .a .info{ width:59%; float:right; height:100px; position:relative; } .foodlist .a .info .title{ color:#333; margin-left:10px; font-size: 15px; } .foodlist .a .info .price{ color:#FF2727; margin-left:10px; margin-top:10px; font-size:15px; } .foodlist .a .info .num{ position: absolute; left:0px; bottom:10px; color:#747474; margin-left:10px; font-size:15px; } .clear{ clear: both; overflow: hidden; } navigator{ display:inline; } .nav { position: fixed; background: white; color: #353535; z-index: 999999; max-height: 94rpx; width: 100%; } .scroll-view-containner{ display: flex; text-align: center; }