邃芒智像相册
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 

100 rader
1.8 KiB

  1. /* pages/upload/upload.wxss */
  2. page {
  3. background-color: #292929;
  4. .content {
  5. padding: 50rpx 0;
  6. .title {
  7. font-size: 45rpx;
  8. text-align: center;
  9. color: #ffffff;
  10. font-weight: 600;
  11. }
  12. .uploadArea {
  13. position: relative;
  14. width: 60%;
  15. height: 700rpx;
  16. background-color: #393b3d;
  17. margin: 50rpx auto;
  18. border-radius: 40rpx;
  19. .scanBorder {
  20. position: absolute;
  21. top: 50%;
  22. left: 50%;
  23. transform: translate(-50%, -50%);
  24. width: 92%;
  25. height: 85%;
  26. }
  27. .addBtn {
  28. position: absolute;
  29. top: 50%;
  30. left: 50%;
  31. transform: translate(-50%, -50%);
  32. width: 25%;
  33. }
  34. .chooseImage {
  35. position: absolute;
  36. top: 50%;
  37. left: 50%;
  38. transform: translate(-50%, -50%);
  39. width: 78%;
  40. }
  41. }
  42. .uploadImgBtn {
  43. width: 70%;
  44. height: 100rpx;
  45. line-height: 100rpx;
  46. font-weight: 600;
  47. background-color: #ff4f00;
  48. color: #ffffff;
  49. font-size: 32rpx;
  50. text-align: center;
  51. border-radius: 50rpx;
  52. margin: auto;
  53. }
  54. .notice {
  55. margin-top: 50rpx;
  56. .text {
  57. font-size: 23rpx;
  58. color: #ffffff;
  59. text-align: center;
  60. margin-bottom: 40rpx;
  61. }
  62. .example {
  63. display: flex;
  64. justify-content: space-between;
  65. align-items: flex-end;
  66. padding: 0 40rpx;
  67. .item {
  68. position: relative;
  69. width: 28%;
  70. &.right {
  71. width: 32%;
  72. }
  73. .mainImg {
  74. width: 100%;
  75. }
  76. .icon {
  77. position: absolute;
  78. top: -15rpx;
  79. right: -15rpx;
  80. width: 20%;
  81. }
  82. }
  83. }
  84. }
  85. }
  86. }