user.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233
  1. .user .header{padding:0 30rpx;height:190rpx;position:relative;}
  2. .user .header:after { position: absolute;left: 0;right: 0;bottom: -98rpx;z-index: -1;
  3. content:'';height:100rpx;width: 100%;border-radius: 0 0 50% 50%;background-color: #e93323;}
  4. .user .header .picTxt .pictrue{width:120rpx;height:120rpx;}
  5. .user .header .picTxt .pictrue image{width:100%;height:100%;border-radius:50%;border:2px solid #f5f5f5;}
  6. .user .header .picTxt .text{width:434rpx;color:rgba(255,255,255,1);margin-left:35rpx;}
  7. .user .header .picTxt .text .name{font-size:32rpx;max-width:270rpx;}
  8. .user .header .picTxt .text .member{padding:0 10rpx;height:36rpx;background-color:rgba(0, 0, 0, 0.2);font-size:20rpx;border-radius:30rpx;margin-left:17rpx;}
  9. .user .header .picTxt .text .member image{width:28rpx;height:28rpx;font-size:20rpx;margin-right:8rpx;}
  10. .user .header .picTxt .text .id{color:rgba(255,255,255,0.6);font-size:26rpx;margin-top:15rpx;}
  11. .user .header .picTxt .text .id .iconfont{font-size:30rpx;margin-left:12rpx;}
  12. .user .header .icon-shezhi{font-size:36rpx;color:#fff;margin-top:-52rpx;}
  13. .user .wrapper{padding:0 20rpx;}
  14. .user .wrapper .nav{background-color:#fff;border-radius:6rpx;height:140rpx;}
  15. .user .wrapper .nav .item{flex:1;text-align:center;font-size:26rpx;color:#aaa;}
  16. .user .wrapper .nav .item~.item{border-left:1px solid #eee;}
  17. .user .wrapper .nav .item .num{margin-top:10rpx;font-size:36rpx;color:#282828;}
  18. .user .wrapper .myOrder{background-color:#fff;border-radius:10rpx;margin-top:15rpx;}
  19. .user .wrapper .myOrder .title,.user .wrapper .myService .title{height:88rpx;padding:0 30rpx;border-bottom:1px dashed #ddd;font-size:30rpx;color:#282828;}
  20. .user .wrapper .myOrder .title .allOrder{font-size:26rpx;color:#666;}
  21. .user .wrapper .myOrder .title .allOrder .iconfont{font-size:30rpx;margin-left:7rpx;}
  22. .user .wrapper .myOrder .orderState{height:160rpx;}
  23. .user .wrapper .myOrder .orderState .item{font-size:26rpx;color:#454545;flex:1;text-align:center;}
  24. .user .wrapper .myOrder .orderState .item .pictrue{width:49rpx;height:42rpx;margin:0 auto 18rpx auto;}
  25. .user .wrapper .myOrder .orderState .item .pictrue image{width:100%;height:100%;}
  26. .user .wrapper .myService{background-color:#fff;margin-top:15rpx;border-radius:10rpx;}
  27. .user .wrapper .myService .serviceList{padding:8rpx 0 27rpx 0;}
  28. .user .wrapper .myService .serviceList .item{width:25%;text-align:center;font-size:26rpx;color:#333;margin-top:30rpx;}
  29. .user .wrapper .myService .serviceList .item .pictrue{width:52rpx;height:52rpx;margin:0 auto 16rpx auto;}
  30. .user .wrapper .myService .serviceList .item .pictrue image{width:100%;height:100%;}
  31. .user .support{width:219rpx;height:74rpx;margin:54rpx auto;display:block;}