.page { position: absolute; width: 100%; // height: 100%; overflow-x: hidden; // overflow-y: auto; } /* banner 标题 */ .banner-title{ background-color: #FFFFFF; padding-bottom: 20rpx; } /* banner */ .banner{ width: 100%; height: 450rpx; .screen-swiper{ width: 100%; height: 100%; } } /* 价格 */ .price-info{ display: flex; align-items: center; justify-content: space-between; padding: 0 4%; margin: 20rpx 0; .price{ font-size: 28rpx; text { font-size: 24rpx; color: #aaaaaa; } .price-num { font-weight: bold; color: #ff7337; font-size: 40rpx; margin-top: 20rpx; } } .price-line { width: 2rpx; height: 80rpx; background-color: #f4f4f4; } } /* 标题 */ .goods-title{ padding: 0 4%; margin: 40rpx auto; text{ font-size: 34rpx; color: #000; font-weight: bold; } } .goods-icon { display: flex; margin: 0 20rpx; .goods-icon-list { background-color: #f1fff6; color:#4fa477; font-size: 24rpx; display: inline-block; padding: 10rpx 20rpx; margin-right: 10rpx; } } /* 评价 */ .evaluate-data{ padding: 0 4%; margin: 20rpx auto; background-color: #FFFFFF; overflow: hidden; .title-more{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; .title{ display: flex; align-items: center; height: 100%; text{ font-size: 30rpx; color: #000; } } .more{ display: flex; align-items: center; text{ font-size: 26rpx; color: #212121; } } } .evaluate-list{ width: 100%; .content{ width: 100%; .character{ display: flex; align-items: center; padding: 10rpx 0; text{ font-size: 26rpx; color: #333333; } } } } } /* 底部 */ .page-footer{ position: fixed; left: 0; bottom: 0; display: flex; width: 100%; height: 100rpx; background-color: #FFFFFF; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); .footer-buy{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; .cart-add{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100rpx; background-color: #3f9b6a; text{ font-size: 28rpx; color: #FFFFFF; } } } }