mine.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /**index.wxss**/
  2. .container {
  3. overflow-x: hidden;
  4. font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
  5. }
  6. .userinfo {
  7. padding:40rpx 30rpx 0;
  8. height: 200rpx;
  9. background-color:#626262 ;
  10. }
  11. .userinfo-avatar {
  12. display: block;
  13. width: 130rpx;
  14. height: 130rpx;
  15. border-radius: 50%;
  16. }
  17. .userinfo-nickname {
  18. font-size: 36rpx;
  19. height:80rpx;
  20. color: #fff;
  21. }
  22. .user-right{
  23. margin-left:26rpx;
  24. }
  25. .user-phone{
  26. width:220rpx;
  27. text-align: center;
  28. line-height:60rpx;
  29. height:60rpx;
  30. background:#c9c9c9;
  31. color:#fff;
  32. border-radius:60rpx;
  33. }
  34. .user-tel{
  35. width:220rpx;
  36. line-height:60rpx;
  37. height:60rpx;
  38. color:#fff;
  39. border-radius:60rpx;
  40. }
  41. .order-list{
  42. text-align: center;
  43. }
  44. .user-order{
  45. width:750rpx;
  46. margin:0 auto 20rpx;
  47. background:#fff;
  48. }
  49. .user-order .iconfont{
  50. font-size:48rpx;
  51. }
  52. .order-list{
  53. padding:10rpx 0;
  54. }
  55. .order-list .f-item{
  56. padding:16rpx 0;
  57. font-size:26rpx;
  58. color:#333;
  59. }
  60. .order-list .f-item view{
  61. margin-top:10rpx;
  62. }
  63. .order-title{
  64. border-bottom:2rpx solid #e0e0e0;
  65. }
  66. .order-item{
  67. position: relative;
  68. }
  69. .order-item text{
  70. position: absolute;
  71. display: inline-block;
  72. width:36rpx;
  73. height:36rpx;
  74. border-radius:50%;
  75. color:#fff;
  76. text-align: center;
  77. line-height:36rpx;
  78. font-size:20rpx;
  79. background:#e60012;
  80. right:50%;
  81. margin-right:-42rpx;
  82. top:10rpx;
  83. }
  84. .channe-box{
  85. margin:30rpx;
  86. }