123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- page {
- background: #f6f6f6;
- }
- .top {
- display: flex;
- background: #ffffff;
- margin: 30rpx;
- border-radius: 30rpx;
- padding: 20rpx;
- }
- .top .top-image {
- width: 240rpx;
- height: 180rpx;
- margin-right: 20rpx;
- }
- .top .title .order-name {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- }
- .top .title .order-time {
- font-size: 26rpx;
- color: #666666;
- margin-top: 30rpx;
- }
- .top .title .order-price {
- color: red;
- margin-top: 30rpx;
- }
- .ruleBox {
- margin: 30rpx;
- padding: 20rpx;
- border-radius: 30rpx;
- background: #ffffff;
- }
- .ruleBox .list {
- display: flex;
- }
- .ruleBox .list .key {
- font-size: 25rpx;
- font-weight: bold;
- width: 66rpx;
- height: 53rpx;
- }
- .ruleBox .list .value {
- font-size: 25rpx;
- }
- .order-prompt {
- margin: 30rpx;
- padding: 20rpx;
- border-radius: 30rpx;
- background: #ffffff;
- }
- .order-prompt .prompt-title {
- font-size: 30rpx;
- }
- .order-prompt .prompt {
- margin-top: 20rpx;
- }
- .order-prompt .order-number {
- margin-top: 20rpx;
- font-size: 30rpx;
- color: #666666;
- display: flex;
- }
- .order-prompt .order-number .number {
- color: black;
- }
- .bommon {
- position: fixed;
- bottom: 0;
- width: 100%;
- background: #46a9a4;
- padding: 30rpx 0;
- text-align: center;
- }
- .orderBox .list .key {
- width: 150rpx;
- }
|