page{ background-color: #fbf8f8; font-size: 26upx; } .order-tab{ position: fixed; left: 0; top: 44px; z-index: 99; display: flex; height: 80upx; width: 100%; align-items: center; justify-content: center; border-bottom: 1px solid #fbefef; color: #666666; background-color: #ffffff; } .order-tab view{ flex: 1; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .order-tab .active::after{ position: absolute; content: ''; width: 50%; height: 3upx; background-color: #e3b400; left: 25%; bottom: 0; } .order{ margin-top: 110upx; padding-bottom: 30upx; } .cartsItem{ width: 94%; margin: 0 auto; background-color: #ffffff; border-radius: 10upx; margin-bottom: 30upx; position: relative; } .cartTitle{ border-bottom: 1px solid #eeeeee; padding: 20upx; align-items: center; } .cartTitle view{ display: flex; } .cartTitle .label{ display: block; width: 90upx; margin-right: 20upx; } .cIcon{ width: 56upx; height: 56upx; margin-right: 10upx; } .sn{ margin-top: 20upx; padding: 0upx; } .cartsGoodsView{ display: flex; padding: 30upx; } .cartsIcon{ width: 140upx; border-radius: 10upx; border: 1px solid #eeeeee; } .carts-item{ width: 75%; margin-left: 30upx; } .carts-title{ padding: 0; font-size: 26upx; line-height: 42upx; font-weight: 700; color: #333; display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */ -webkit-box-orient: vertical; /* 垂直排列 */ -webkit-line-clamp: 1; /* 限制显示两行 */ overflow: hidden; /* 隐藏超出范围的内容 */ text-overflow: ellipsis; /* 使用省略号 */ } .carts-price{ color: #F75451; font-size: 26upx; margin-top: 20upx; position: relative; } .red{ font-size: 32upx !important; font-weight: 600; margin-left: 10upx; color: #F75451; } .cartsCon{ padding: 30upx 0; border-top: 1px solid #fbefef; display: inline-block; width: 100%; } .cartsCon .total{ float: left; margin-left: 30upx; } .cartsCon .cons{ float: right; margin-top: 6upx; margin-right: 30upx; } .payOrder{ background-color: #e3b400; color: #ffffff; border-radius: 10upx; padding: 10upx 30upx; margin-right: 10upx; } .payback{ background-color: #f17e8e; color: #ffffff; border-radius: 10upx; padding: 10upx 30upx; margin-right: 10upx; } .exOrder{ background-color: #00afe3; color: #ffffff; border-radius: 10upx; padding: 10upx 30upx; margin-right: 10upx; } .delOrder{ margin-right: 10upx; background-color: #e97450; color: #ffffff; border-radius: 10upx; padding: 10upx 30upx; } .total{ } .popup-content{ width: 100%; background-color: #ffffff; } .pop-title{ padding: 35upx 0; text-align: center; font-weight: 700; font-size: 30upx; border-bottom: 1px solid #eeeeee; } .pop-main{ width: 100%; padding: 30upx auto; height: 800upx; overflow-y: auto; } .pop-main-view{ padding: 0upx 0upx; position: relative; display: flex; width: 100%; } .pop-nums{ width: 35%; position: relative; padding: 30upx 0; display: flex; justify-content: center; align-items: center; } .pop-nums::after{ position: absolute; right: 0; top: 0; content: ''; height: 100%; width: 1px; background-color: #eeeeee; } .pop-main-view .pop-pay{ width: 70%; padding: 20upx 0; border-bottom: 1px solid #eeeeee; } .pop-pay view{ margin-bottom: 20upx; margin-left: 20upx; margin-right: 20upx; display: flex; align-items: center; } .pop-pay view:last-child{ margin-bottom: 0; } .pop-pay image{ width: 48upx; height: 48upx; margin-right: 20upx; } .status-name{ position: absolute; right: 30upx; } .planBtn{ position: absolute; left: 0; width: 100%; bottom: 0; background-color: #e3b400; height: 88upx; color: #ffffff; text-align: center; line-height: 88upx; font-weight: 700; letter-spacing: 6upx; font-size: 28upx; } .orderDetail { padding: 30upx; } .orderDetail text:nth-child(2){ float: right; } .orderDetail-v{ padding: 14upx 0; display: inline-block; width: 100%; } .orderplan{ float: right; } .orderplan text{ display: block; padding: 10upx 0; } .orderBtns{ width: 100%; height: 99upx; position: fixed; left: 0; bottom: 0; background-color: #ffffff; } .orderBtns view{ height: 99upx; line-height: 99upx; float: right; margin-right: 30upx; } .orderBtns-desc{ float: left; margin-right: 30upx; line-height: 99upx; padding-left: 30upx; } .orderBtns-v text:nth-child(1){ margin-left: 10upx; } .orderBtns-v text{ margin-left: 30upx; }