visitorcheckdetail.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. page {
  2. background-color: #f2f2f2;
  3. }
  4. .list {
  5. width: 100%;
  6. flex-direction: column;
  7. display: flex;
  8. align-items: center;
  9. background-color: #fff;
  10. border-radius: 10rpx;
  11. }
  12. .list .head-img {
  13. width: 180rpx;
  14. height: 180rpx;
  15. border-radius: 10rpx;
  16. margin-top: 30rpx;
  17. margin-bottom: 50rpx;
  18. }
  19. .list .item {
  20. width: 80%;
  21. flex-direction: row;
  22. display: flex;
  23. align-items: center;
  24. margin-bottom: 20rpx;
  25. }
  26. .list .item .key {
  27. width: 180rpx;
  28. min-width: 180rpx;
  29. font-size: 30rpx;
  30. margin-right: 10rpx;
  31. }
  32. .list .item .value {
  33. font-size: 30rpx;
  34. color: #666;
  35. }
  36. .btn-item {
  37. width: 100%;
  38. flex-direction: row;
  39. display: flex;
  40. justify-content: space-between;
  41. align-items: center;
  42. box-sizing: border-box;
  43. padding: 0rpx 40rpx;
  44. position: absolute;
  45. bottom: 100rpx;
  46. }
  47. .btn-item .btn {
  48. width: 300rpx;
  49. height: 80rpx;
  50. font-size: 30rpx;
  51. border-radius: 10rpx;
  52. flex-direction: row;
  53. display: flex;
  54. justify-content: center;
  55. align-items: center;
  56. }
  57. .btn-item .approve {
  58. background-color: #6282f3;
  59. color: #fff;
  60. }
  61. .btn-item .reject {
  62. background-color: #fff;
  63. color: #6282f3;
  64. border: 2rpx solid #6282f3;
  65. }