Overview.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* 父容器样式 */
  2. .container {
  3. padding: 15px;
  4. background-color: #f4f4f4;
  5. display: block;
  6. }
  7. /* 标题样式 */
  8. .title {
  9. font-size: 22px;
  10. font-weight: bold;
  11. }
  12. .content {
  13. font-size: 16px;
  14. }
  15. /* 使每个段落独立 */
  16. .content {
  17. text-indent: 2em; /* 段落首行缩进 */
  18. }
  19. .navigat-arrow {
  20. padding: 10px;
  21. width: 700rpx; /* 设置图片的大小 */
  22. height: 400rpx; /* 设置图片的大小 */
  23. }
  24. /* 页面整体背景 */
  25. .green-box {
  26. background-color: #4caf50; /* 绿色背景 */
  27. padding: 10px 20px; /* 减小上下内边距,控制高度 */
  28. text-align: center;
  29. display: flex;
  30. flex-direction: column; /* 设置垂直方向布局 */
  31. justify-content: center;
  32. align-items: center;
  33. max-height: 100rpx; /* 限制最大高度 */
  34. max-width: calc(100% - 10px); /* 宽度最大100%,两边各留5px */
  35. margin-left: 15px; /* 左边留5px */
  36. margin-right: 15px; /* 右边留5px */
  37. box-sizing: border-box; /* 确保 padding 和 margin 不影响宽度计算 */
  38. }
  39. .title-en {
  40. font-size: 16px;
  41. color: #fff;
  42. display: block;
  43. }