Staff.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <<<<<<< HEAD
  2. .log-list {
  3. display: flex;
  4. flex-direction: column;
  5. padding: 40rpx;
  6. }
  7. .log-item {
  8. margin: 10rpx;
  9. }
  10. <<<<<<< HEAD:pages/logs/logs.wxss
  11. =======
  12. =======
  13. /* 页面和视图容器样式 */
  14. page,
  15. view {
  16. display: flex;
  17. }
  18. page {
  19. background-color: #f8f8f8;
  20. }
  21. .center {
  22. flex-direction: column;
  23. }
  24. /* Logo容器样式 */
  25. .logo {
  26. width: 750rpx;
  27. height: 240rpx;
  28. padding: 20rpx;
  29. box-sizing: border-box;
  30. background-color: #a9c6b6;
  31. flex-direction: row;
  32. align-items: center;
  33. }
  34. >>>>>>> origin/soligd
  35. .logo-hover {
  36. opacity: 0.8;
  37. }
  38. .logo-img {
  39. width: 150rpx; /* 设置图片的大小 */
  40. height: 150rpx; /* 设置图片的大小 */
  41. border-radius: 150rpx; /* 圆形边框 */
  42. }
  43. /* Logo标题样式 */
  44. .logo-title {
  45. height: 150rpx;
  46. flex: 1;
  47. align-items: center;
  48. justify-content: space-between;
  49. flex-direction: row;
  50. margin-left: 20rpx;
  51. }
  52. /* 用户名样式 */
  53. .uer-name {
  54. height: 60rpx;
  55. <<<<<<< HEAD
  56. line-height: 60rpx;
  57. =======
  58. line-height: 20rpx;
  59. >>>>>>> origin/soligd
  60. font-size: 38rpx;
  61. color: #FFFFFF;
  62. }
  63. .go-login {
  64. height: 40rpx; /* 设置箭头图片的高度 */
  65. width: 40rpx; /* 设置箭头图片的宽度 */
  66. line-height: 90rpx; /* 图片垂直居中 */
  67. margin-left: 10rpx; /* 设置箭头和文本之间的间距 */
  68. object-fit: contain; /* 保证图片不被拉伸 */
  69. }
  70. .login-title {
  71. height: 150rpx;
  72. align-items: self-start;
  73. justify-content: center;
  74. flex-direction: column;
  75. margin-left: 20rpx;
  76. }
  77. /* 中心列表样式 */
  78. .center-list {
  79. background-color: #FFFFFF;
  80. margin-top: 20rpx;
  81. width: 750rpx;
  82. flex-direction: column;
  83. }
  84. /* 列表项样式 */
  85. .center-list-item {
  86. height: 90rpx;
  87. width: 750rpx;
  88. box-sizing: border-box;
  89. flex-direction: row;
  90. padding: 0 20rpx;
  91. display: flex;
  92. justify-content: center; /* 图片和文本水平居中 */
  93. align-items: center; /* 图片和文本垂直居中 */
  94. }
  95. /* 边框样式 */
  96. .border-bottom {
  97. border-bottom-width: 1rpx;
  98. border-color: #c8c7cc;
  99. border-bottom-style: solid;
  100. }
  101. /* 图片图标样式 */
  102. .list-icon {
  103. width: 40rpx; /* 设置图片宽度 */
  104. height: 40rpx; /* 设置图片高度 */
  105. margin-right: 10rpx; /* 图标和文本之间的间距 */
  106. object-fit: contain; /* 保证图片不被拉伸 */
  107. }
  108. /* 列表文字样式 */
  109. .list-text {
  110. height: 90rpx;
  111. line-height: 90rpx;
  112. font-size: 34rpx;
  113. color: #555;
  114. flex: 1;
  115. text-align: left; /* 使文字水平居中 */
  116. }
  117. /* 导航箭头样式 */
  118. .navigat-arrow {
  119. width: 40rpx; /* 设置箭头图片的宽度 */
  120. height: 40rpx; /* 设置箭头图片的高度 */
  121. margin-left: 10rpx; /* 设置箭头和文本之间的间距 */
  122. object-fit: contain; /* 保证图片不被拉伸 */
  123. }
  124. <<<<<<< HEAD
  125. >>>>>>> origin/soligd:shoping/Staffl/Staff.wxss
  126. =======
  127. >>>>>>> origin/soligd