.page{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f6f6f6; } .add-list{ padding: 0 4%; background-color: #FFFFFF; border-radius: 20rpx; margin-top: 20rpx; width: 100%; padding-bottom: 150rpx; .list{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100rpx; border-bottom: 2rpx solid #f6f6f6; .title{ display: flex; align-items: center; height: 100%; text{ font-size: 26rpx; color: #222222; } .star{ color: red; } } .content{ display: flex; align-items: center; text-align: right; input{ width: 100%; color: #222222; font-size: 26rpx; padding-top: 6rpx; /* #ifdef MP */ padding-top: 5rpx; /* #endif */ } image { width: 20rpx; height: 20rpx; margin-left: 10rpx; /* #ifdef MP */ margin-top: 5rpx; /* #endif */ } } } } /* 保存按钮 */ .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; } } } } .feedback-data{ width: 100%; padding-bottom: 20rpx; border-bottom: 2rpx solid #f6f6f6; .title{ display: flex; align-items: center; height: 100rpx; text{ font-size: 26rpx; color: #222222; } .star{ color: red; } } .voucher-img{ display: flex; align-items: center; .voucher-list { width: 33%; height: 100%; image{ width: 160rpx; height: 160rpx; border-radius: 10rpx; } } } }