mine.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. .order-list{
  35. text-align: center;
  36. }
  37. .user-order{
  38. width:750rpx;
  39. margin:0 auto 20rpx;
  40. background:#fff;
  41. }
  42. .user-order .iconfont{
  43. font-size:48rpx;
  44. }
  45. .order-list{
  46. padding:10rpx 0;
  47. }
  48. .order-list .f-item{
  49. padding:16rpx 0;
  50. font-size:26rpx;
  51. color:#333;
  52. }
  53. .order-list .f-item view{
  54. margin-top:10rpx;
  55. }
  56. .order-title{
  57. border-bottom:2rpx solid #e0e0e0;
  58. }
  59. .order-item{
  60. position: relative;
  61. }
  62. .order-item text{
  63. position: absolute;
  64. display: inline-block;
  65. width:36rpx;
  66. height:36rpx;
  67. border-radius:50%;
  68. color:#fff;
  69. text-align: center;
  70. line-height:36rpx;
  71. font-size:20rpx;
  72. background:#e60012;
  73. right:50%;
  74. margin-right:-42rpx;
  75. top:10rpx;
  76. }