Staff.wxss 2.3 KB

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