金诚优选前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

87 lines
1.8 KiB

  1. @import '../../../common/css/global';
  2. #myReceive{
  3. .myRecivepage{
  4. .navbar {
  5. position: fixed;
  6. top: 0;
  7. width: 100%;
  8. display: flex;
  9. z-index: 20;
  10. height: 50px;
  11. line-height: 50px;
  12. background: #FFFFFF;
  13. font-size: 14px;
  14. color: #9B9B9B;
  15. .navbar-item {
  16. flex: 1;
  17. width: 0%;
  18. text-align: center;
  19. &.activity {
  20. color: #000;
  21. }
  22. }
  23. .navbar-slider {
  24. position: absolute;
  25. content: " ";
  26. left: 0;
  27. bottom: 0;
  28. width: 4em;
  29. height: 3px;
  30. background-color: #000000;
  31. transition: transform .3s;
  32. }
  33. }
  34. .tab-panel{
  35. .tab-content{
  36. margin-top: 60px;
  37. background: #ffffff;
  38. height: 100%;
  39. .myReceive-item{
  40. padding: 15px;
  41. display: flex;
  42. justify-content: center;
  43. align-items: center;
  44. flex-flow: row nowrap;
  45. border-bottom: 1px solid #ededed;
  46. .orderNumber{
  47. flex: 5;
  48. justify-content: space-around;
  49. align-items: flex-start;
  50. flex-direction: column;
  51. display: flex;
  52. }
  53. .ordertop{
  54. font-size: 15px;
  55. }
  56. .orderbottom{
  57. font-size: 13px;
  58. color: #959595;
  59. }
  60. .add{
  61. color: #22c03e;
  62. }
  63. .reduce{
  64. color: #a1a1a1;
  65. }
  66. .orderPrice{
  67. flex: 2;
  68. line-height: 35px;
  69. text-align: right;
  70. font-size: 15px;
  71. }
  72. }
  73. }
  74. }
  75. .no-list{
  76. text-align: center;
  77. font-size: 14px;
  78. color: #888888;
  79. margin-top: 10px;
  80. i{
  81. font-size: 80px;
  82. margin-bottom: 15px;
  83. }
  84. }
  85. }
  86. }