index.wxss 6.0 KB

1
  1. .pos-order-details .header{background:linear-gradient(90deg,#2291f8 0,#1cd1dc);background:-moz-linear-gradient(to right,#2291f8 0,#1cd1dc 100%)}.pos-order-details .header .state{font-size:36rpx;color:#fff}.pos-order-details .header .data{margin-left:35rpx;font-size:28rpx}.pos-order-details .header .data .order-num{font-size:30rpx;margin-bottom:8rpx}.pos-order-details .remarks{width:100%;height:86rpx;background-color:#fff;padding:0 30rpx}.pos-order-details .remarks .iconfont{font-size:40rpx;color:#2a7efb}.pos-order-details .remarks input{width:630rpx;height:100%;font-size:30rpx}.pos-order-details .remarks input::-webkit-input-placeholder{color:#666}.pos-order-details .remarks input::placeholder{color:#666}.pos-order-details .orderingUser{font-size:26rpx;color:#282828;padding:0 30rpx;height:67rpx;background-color:#fff;margin-top:16rpx;border-bottom:1px solid #f5f5f5}.pos-order-details .orderingUser .iconfont{font-size:40rpx;color:#2a7efb;margin-right:15rpx}.pos-order-details .address{margin-top:0}.pos-order-details .pos-order-goods{margin-top:17rpx}.pos-order-details .footer .more{font-size:27rpx;color:#aaa;width:100rpx;height:64rpx;text-align:center;line-height:64rpx;margin-right:25rpx;position:relative}.pos-order-details .footer .delivery{background:linear-gradient(90deg,#2291f8 0,#1cd1dc);background:-moz-linear-gradient(to right,#2291f8 0,#1cd1dc 100%)}.pos-order-details .footer .more .order .arrow{width:0;height:0;border-left:11rpx solid transparent;border-right:11rpx solid transparent;border-top:20rpx solid #e5e5e5;position:absolute;left:15rpx;bottom:-18rpx}.pos-order-details .footer .more .order .arrow:before{content:"";width:0;height:0;border-left:9rpx solid transparent;border-right:9rpx solid transparent;border-top:19rpx solid #fff;position:absolute;left:-10rpx;bottom:0}.pos-order-details .footer .more .order{width:200rpx;background-color:#fff;border:1px solid #eee;border-radius:10rpx;position:absolute;top:-200rpx;z-index:9}.pos-order-details .footer .more .order .item{height:77rpx;line-height:77rpx}.pos-order-details .footer .more .order .item~.item{border-top:1px solid #f5f5f5}.pos-order-details .footer .more .moreName{width:100%;height:100%}.order-details .header{padding:0 30rpx;height:150rpx}.order-details .header.on{background-color:#666!important}.order-details .header .pictrue{width:110rpx;height:110rpx}.order-details .header .pictrue image{width:100%;height:100%}.order-details .header .data{color:hsla(0,0%,100%,.8);font-size:24rpx;margin-left:27rpx}.order-details .header.on .data{margin-left:0}.order-details .header .data .state{font-size:30rpx;font-weight:700;color:#fff;margin-bottom:7rpx}.order-details .nav{background-color:#fff;font-size:26rpx;color:#282828;padding:25rpx 0}.order-details .nav .navCon{padding:0 40rpx}.order-details .nav .navCon .on{font-weight:700;color:#e93323}.order-details .nav .progress{padding:0 65rpx;margin-top:10rpx}.order-details .nav .progress .line{width:100rpx;height:2rpx;background-color:#939390}.order-details .nav .progress .iconfont{font-size:25rpx;color:#939390;margin-top:-2rpx;width:30rpx;height:30rpx;line-height:33rpx;text-align:center;margin-right:0!important}.order-details .address{font-size:26rpx;color:#868686;background-color:#fff;padding:25rpx 30rpx 30rpx 30rpx}.order-details .address .name{display:flex;align-items:center;font-size:30rpx;color:#282828;margin-bottom:.1rem}.order-details .address .name .phone{margin-left:40rpx}.order-details .line{width:100%;height:3rpx}.order-details .line image{width:100%;height:100%;display:block}.order-details .wrapper{background-color:#fff;margin-top:12rpx;padding:30rpx}.order-details .wrapper .item{font-size:28rpx;color:#282828}.order-details .wrapper .item~.item{margin-top:20rpx}.order-details .wrapper .item .conter{color:#868686;text-align:right}.order-details .wrapper .item .conter .copy{font-size:20rpx;color:#333;border-radius:3rpx;border:1px solid #666;padding:2rpx 15rpx;margin-left:24rpx}.order-details .wrapper .actualPay{border-top:1rpx solid #eee;margin-top:30rpx;padding-top:30rpx}.order-details .wrapper .actualPay .money{font-weight:700;font-size:30rpx;color:#e93323}.order-details .footer{width:100%;height:100rpx;position:fixed;bottom:0;left:0;background-color:#fff;padding:0 30rpx;border-top:1px solid #eee}.order-details .footer .bnt{width:auto;height:60rpx;line-height:60rpx;text-align:center;line-height:upx;border-radius:50rpx;color:#fff;font-size:27rpx;padding:0 3%}.order-details .footer .bnt.cancel{color:#aaa;border:1px solid #ddd}.order-details .footer .bnt.default{color:#444;border:1px solid #444}.wait{margin-right:30rpx;color:#ff4500}.order-details .footer .bnt~.bnt{margin-left:18rpx}.pos-order-goods{padding:0 30rpx;background-color:#fff}.pos-order-goods .goods{height:185rpx}.pos-order-goods .goods~.goods{border-top:1px dashed #e5e5e5}.pos-order-goods .goods .picTxt{width:515rpx}.pos-order-goods .goods .picTxt .pictrue{width:130rpx;height:130rpx}.pos-order-goods .goods .picTxt .pictrue image{width:100%;height:100%;border-radius:6rpx}.pos-order-goods .goods .picTxt .text{width:365rpx;display:flex;justify-content:space-between;flex-direction:column;height:130rpx}.pos-order-goods .goods .picTxt .text .info{font-size:28rpx;color:#282828}.pos-order-goods .goods .picTxt .text .attr{font-size:24rpx;color:#999;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pos-order-goods .goods .money{width:164rpx;text-align:right;font-size:28rpx}.pos-order-goods .goods .money .x-money{color:#282828}.pos-order-goods .goods .money .num{color:#ff9600;margin:5rpx 0}.pos-order-goods .goods .money .y-money{color:#999;text-decoration:line-through}.public-total{font-size:28rpx;color:#282828;border-top:1px solid #eee;height:92rpx;line-height:92rpx;text-align:right;padding:0 30rpx;background-color:#fff}.public-total .money{color:#ff4c3c}.copy-data{font-size:10px;color:#333;border-radius:1px;border:1px solid #666;padding:0 7px;margin-left:12px}.upload .pictrue{display:inline-block;margin:22rpx 17rpx 20rpx 0;width:156rpx;height:156rpx;color:#bbb}.upload .pictrue image{width:100%;height:100%}