/**index.wxss**/ .wrap{ min-height: 100vh; background: #f6f6f6; padding-bottom: 100rpx; } .wrap_nr{ padding: 20rpx 30rpx 100rpx; } .address_wrap{ width: 690rpx; padding: 30rpx 30rpx 50rpx; background: #FFFFFF; border-radius: 5rpx; display: flex; align-items: center; justify-content: space-between; font-size: 28rpx; color: #0C0C0C; position: relative; } .address_wrap .address_l{ /* width: 476rpx; */ flex: 1; } .address_l .address_text{ font-size: 26rpx; color: #666666; padding-top: 10rpx; } .phone_wrap{ display: flex; align-items: center; padding-top: 24rpx; } .takeout .phone_wrap{ color: #666666; } .phone_wrap .label{ padding-right: 10rpx; } .phone_wrap .icon_edit{ /* width: 23rpx; height: 23rpx; */ margin-left: 15rpx; } .address_wrap .address_r{ /* flex: 1; */ padding-left: 20rpx; display: flex; flex-direction: column; align-items: center; } .address_r .juli{ font-size: 24rpx; color: #666666; padding: 4rpx 10rpx; background: #FFFFFF; box-shadow: 0rpx 1rpx 10rpx 0rpx rgba(0, 0, 0, 0.1); border-radius: 14rpx; position: relative; } .address_r .juli::after{ content: ""; display: block; position: absolute; bottom: -22rpx; left: 50%; width: 0rpx; height: 0rpx; border: 12rpx solid transparent; border-top: 12rpx solid #FFFFFF; } .address_r .store_logo{ width: 60rpx; height: 60rpx; margin-top: 20rpx; } .address_wrap .line{ position: absolute; bottom: 0; left: 0; width: 690rpx; height: 20rpx; border-radius: 0 0 5rpx 5rpx; background-repeat: repeat-x; background-size: 18rpx 30rpx; } /* 订单商品 */ .order_wrap{ width: 690rpx; /* padding: 0 30rpx; */ margin: 20rpx auto 0; /* background: #FFFFFF; */ border-radius: 5rpx; } .order_wrap .order_t{ padding: 30rpx; font-size: 30rpx; color: #080808; background: #FFFFFF; display: flex; align-items: center; justify-content: space-between; } .order_wrap .border_line{ width: 690rpx; height: 30rpx; display: block; } .order_wrap .order_t .order_shop{ width: 500rpx; } .order_wrap .order_t .order_way{ padding: 5rpx 10rpx; background: #295C56; border-radius: 5rpx; font-size: 22rpx; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .order_wrap .border_out{ padding: 0 30rpx; background: #FFFFFF; } .order_wrap .delivery{ padding: 0 0 30rpx; display: flex; align-items: center; justify-content: space-between; border-bottom: 1rpx dashed rgba(0, 0, 0, 0.12); font-size: 30rpx; color: #000000; } .order_wrap .delivery .delivery_r{ font-size: 34rpx; color: #080808; } .order_wrap .delivery .delivery_r .unit{ font-size: 22rpx; } .order_wrap .heji_price{ padding: 40rpx 0 30rpx; text-align: right; font-size: 26rpx; color: #000000; } .order_wrap .heji_price .price{ font-size: 28rpx; color: #333333; padding-left: 16rpx; font-weight: bold; } .order_wrap .heji_price .price .unit{ font-size: 22rpx; } .order_wrap .heji_item.total{ padding-left: 28rpx; } .order_wrap .heji_item.total .price{ font-size: 40rpx; } /* 备注 */ .remark{ margin: 20rpx auto; width: 690rpx; padding-bottom: 20rpx; background: #FFFFFF; border-radius: 10rpx; } .remark .remark_t{ font-size: 28rpx; color: #000000; padding: 20rpx 30rpx; } .remark .remark_nr{ width: 634rpx; margin: 20rpx auto 0; /* background: #FAFAFA; border-radius: 10rpx; */ } .remark .remark_nr .van-cell{ width: 634rpx; /* height: 198rpx; */ background: #FAFAFA; border-radius: 10rpx; } /* .remark .remark_nr .van-field__control{ height: 110rpx !important; } */ /* 创建订单 */ .bottom{ width: 690rpx; height: 98rpx; padding: 0 30rpx; border-radius: 49rpx; background: #295C56; position: fixed; bottom: 60rpx; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; z-index: 100; color: #FFFFFF; } .bottom .total_price{ font-size: 26rpx; /* color: #FFFFFF; */ } .bottom .total_price .price{ padding-left: 14rpx; /* color: #333333; */ font-size: 40rpx; font-weight: bold; } .bottom .total_price .price .unit{ font-size: 22rpx; } .bottom .btn_tijiao{ width: 197rpx; height: 100rpx; /* background: #D54C43; */ font-size: 32rpx; font-weight: bold; /* color: #333333; */ display: flex; align-items: center; justify-content: center; /* margin-left: 30rpx; */ } /* 加购标志 */ .add_tag{ font-size: 24rpx; color: #FFFFFF; background: linear-gradient(90deg, #FF6637, #FF954E); border-radius: 5rpx; padding: 6rpx 8rpx; margin-right: 12rpx; }