.page{ position: absolute; left: 0; top: 0; width: 100%; overflow-y: scroll; height: calc(100% - 120rpx); background-color: #f6f6f6; } .steps-box { padding-top: 40rpx; } .add-list{ padding: 0 4%; background-color: #FFFFFF; border-radius: 20rpx; margin-top: 20rpx; width: 100%; .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 */ } } } .deom-box { width: 100vw; display: flex !important; padding: 14rpx 0; background-color: #FFFFFF; border-radius: 9px; // margin-top: 9px; width: 100%; // .u-upload { // .u-add-wrap { // width: 304rpx !important; // height: 182rpx !important; // } // } // .u-upload { // height: 88px; // width: 155px; // background: url(/static/images/uploadID1.png); // background-size:134rpx 188rpx; // background-repeat:no-repeat; // } .img-deom { flex: 1; display: flex; flex-direction: column; align-items: center; padding: 20rpx; text { margin-top: 18rpx; } } } } /* 保存按钮 */ .page-footer{ position: fixed; left: 0; bottom: 0; display: flex; align-items: center; width: 100%; height: 125rpx; 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; } } } }