Home Verkennen Help
Registreren Inloggen
Kirin
/
vote
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
vote
/
view
/
pages
/
user
/
user.wxss

user.wxss 3.8 KB
Permalink Geschiedenis Ruwe

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. .user .header{padding:0 30rpx;height:190rpx;position:relative;}
    2. 

  2. .user .header:after { position: absolute;left: 0;right: 0;bottom: -98rpx;z-index: -1;
    3. 

  3.   content:'';height:100rpx;width: 100%;border-radius: 0 0 50% 50%;background-color: #e93323;}
    4. 

  4. .user .header .picTxt .pictrue{width:120rpx;height:120rpx;}
    5. 

  5. .user .header .picTxt .pictrue image{width:100%;height:100%;border-radius:50%;border:2px solid #f5f5f5;}
    6. 

  6. .user .header .picTxt .text{width:434rpx;color:rgba(255,255,255,1);margin-left:35rpx;}
    7. 

  7. .user .header .picTxt .text .name{font-size:32rpx;max-width:270rpx;}
    8. 

  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. 

  9. .user .header .picTxt .text .member image{width:28rpx;height:28rpx;font-size:20rpx;margin-right:8rpx;}
    10. 

  10. .user .header .picTxt .text .id{color:rgba(255,255,255,0.6);font-size:26rpx;margin-top:15rpx;}
    11. 

  11. .user .header .picTxt .text .id .iconfont{font-size:30rpx;margin-left:12rpx;}
    12. 

  12. .user .header .icon-shezhi{font-size:36rpx;color:#fff;margin-top:-52rpx;}
    13. 

  13. .user .wrapper{padding:0 20rpx;}
    14. 

  14. .user .wrapper .nav{background-color:#fff;border-radius:6rpx;height:140rpx;}
    15. 

  15. .user .wrapper .nav .item{flex:1;text-align:center;font-size:26rpx;color:#aaa;}
    16. 

  16. .user .wrapper .nav .item~.item{border-left:1px solid #eee;}
    17. 

  17. .user .wrapper .nav .item .num{margin-top:10rpx;font-size:36rpx;color:#282828;}
    18. 

  18. .user .wrapper .myOrder{background-color:#fff;border-radius:10rpx;margin-top:15rpx;}
    19. 

  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. 

  20. .user .wrapper .myOrder .title .allOrder{font-size:26rpx;color:#666;}
    21. 

  21. .user .wrapper .myOrder .title .allOrder .iconfont{font-size:30rpx;margin-left:7rpx;}
    22. 

  22. .user .wrapper .myOrder .orderState{height:160rpx;}
    23. 

  23. .user .wrapper .myOrder .orderState .item{font-size:26rpx;color:#454545;flex:1;text-align:center;}
    24. 

  24. .user .wrapper .myOrder .orderState .item .pictrue{width:49rpx;height:42rpx;margin:0 auto 18rpx auto;position: relative;}
    25. 

  25. .user .wrapper .myOrder .orderState .item .pictrue image{width:100%;height:100%;}
    26. 

  26. .user .wrapper .myService{background-color:#fff;margin-top:15rpx;border-radius:10rpx;}
    27. 

  27. .user .wrapper .myService .serviceList{padding:8rpx 0 27rpx 0;}
    28. 

  28. .user .wrapper .myService .serviceList .item{width:25%;text-align:center;font-size:26rpx;color:#333;margin-top:30rpx;}
    29. 

  29. .user .wrapper .myService .serviceList .item .pictrue{width:52rpx;height:52rpx;margin:0 auto 16rpx auto;}
    30. 

  30. .user .wrapper .myService .serviceList .item .pictrue image{width:100%;height:100%;}
    31. 

  31. .user .support{width:219rpx;height:74rpx;margin:54rpx auto;display:block;}
    32. 

  32. .switchWindow{width:560rpx;border-radius:20rpx;background-color:#fff;position:fixed;top:50%;left:50%;margin-left:-280rpx;margin-top:-300rpx;z-index:99;padding:50rpx 30rpx 40rpx 30rpx;text-align:center;box-sizing:border-box;transition:all 0.3s ease-in-out 0s;opacity:0;transform: scale(0);}
    33. 

  33. .switchWindow.on{opacity:1;transform: scale(1);}
    34. 

  34. .switchWindow .pictrue{width:236rpx;height:236rpx;margin:0 auto;}
    35. 

  35. .switchWindow .pictrue image{width:100%;height:100%;}
    36. 

  36. .switchWindow .info{font-size:32rpx;color:#282828;margin-top:44rpx;font-weight:bold;}
    37. 

  37. .switchWindow .switchBnt{font-size:32rpx;color:#fff;width:360rpx;height:82rpx;border-radius:41rpx;margin:57rpx auto 0 auto;background-image: linear-gradient(to right,#f67a38 0%,#f11b09 100%);line-height:82rpx;}
    38. 

  38. .switchWindow .switchBnt.cancelBnt{background-color:#fff;color:#999;background-image:none;margin-top:10rpx;}
    39. 

  39. .order-status-num {min-width:14rpx;background-color: #fff;color: #ee5a52;border-radius: 15px;position: absolute;right: -14rpx;top: -15rpx;font-size: 23rpx;padding: 0 8rpx; border: 1px solid #ee5a52;}
    40. 

  40. .user .binding{padding: 2rpx 18rpx; background-color: #ca1f10; border-radius: 50px;font-size: 22rpx;border: 1px solid #e8695e;color: #ffffff;}
    41.