index.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .content.data-v-01c8185c {
  4. display: flex;
  5. flex-direction: column;
  6. width: 100vw;
  7. height: 100vh;
  8. }
  9. .content .one.data-v-01c8185c {
  10. height: 25vw;
  11. background-color: var(--f00Color);
  12. }
  13. .content .two.data-v-01c8185c {
  14. margin: 10vw 0 0 0;
  15. text-align: center;
  16. font-size: var(--font16Size);
  17. font-weight: bold;
  18. }
  19. .content .thr .logo.data-v-01c8185c {
  20. position: fixed;
  21. top: 12vw;
  22. right: 40vw;
  23. }
  24. .content .thr .logo .image.data-v-01c8185c {
  25. width: 20vw;
  26. height: 20vw;
  27. border-radius: 20vw;
  28. background-color: var(--mainColor);
  29. }
  30. .content .thr .other.data-v-01c8185c {
  31. padding: 3vw 2vw;
  32. border-bottom: 1px solid var(--footColor);
  33. }
  34. .content .thr .remark.data-v-01c8185c {
  35. padding: 3vw 2vw 0 2vw;
  36. }
  37. .content .thr .remark .title.data-v-01c8185c {
  38. padding: 0 0 3vw 0;
  39. }
  40. .content .thr .value.data-v-01c8185c {
  41. display: flex;
  42. justify-content: space-between;
  43. align-items: center;
  44. background-color: var(--mainColor);
  45. }
  46. .content .thr .value .label .input.data-v-01c8185c {
  47. text-align: right;
  48. }
  49. .content .thr .button.data-v-01c8185c {
  50. text-align: center;
  51. }
  52. .content .thr .button button.data-v-01c8185c {
  53. width: 80vw;
  54. font-size: var(--font16Size);
  55. }