index.wxss 1.9 KB

12345678910111213141516171819
  1. @import '/app.wxss';
  2. /**头部**/
  3. .pos-order-list .nav{width:100%;height:96rpx;background-color:#fff;font-size:30rpx;color:#282828;position:fixed;left:0;}
  4. .pos-order-list .nav .active{color:#2291f8;}
  5. .pos-order-list .list{margin-top:109rpx;}
  6. .pos-order-list .list .item{background-color:#fff;width:100%;}
  7. .pos-order-list .list .item~.item{margin-top:18rpx;}
  8. .pos-order-list .list .item .order-num{height:124rpx;border-bottom:1px solid #eee;font-size:30rpx;font-weight:bold;color:#282828;padding:0 30rpx;box-sizing: border-box;}
  9. .pos-order-list .list .item .order-num .time{font-size:26rpx;font-weight:normal;color:#999;margin-top: -40rpx;}
  10. .pos-order-list .list .item .operation{padding:20rpx 30rpx;margin-top: 3rpx;box-sizing: border-box;}
  11. .pos-order-list .list .item .operation .more{position:relative;}
  12. .pos-order-list .list .item .operation .icon-gengduo{font-size:50rpx;color:#aaa;}
  13. .pos-order-list .list .item .operation .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;}
  14. .pos-order-list .list .item .operation .order .arrow:before{content:'';width: 0;height: 0;border-left: 7rpx solid transparent;border-right: 7rpx solid transparent;border-top: 20rpx solid #fff;position:absolute;left:-7rpx;bottom:0;}
  15. .pos-order-list .list .item .operation .order{width:200rpx;background-color:#fff;border:1px solid #eee;border-radius:10rpx;position:absolute;top:-100rpx;z-index:9;}
  16. .pos-order-list .list .item .operation .order .items{height:77rpx;line-height:77rpx;text-align:center;}
  17. .pos-order-list .list .item .operation .order .items~.items{border-top:1px solid #f5f5f5;}
  18. .pos-order-list .list .item .operation .bnt{font-size:28rpx;color:#5c5c5c;width:170rpx;height:60rpx;border-radius:30rpx;border:1px solid #bbb;text-align:center;line-height:60rpx;}
  19. .pos-order-list .list .item .operation .bnt~.bnt{margin-left:14rpx;}