租房小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

34 lines
875 B

6 months ago
  1. /**
  2. * 下方引入的为uvUI的集成样式文件,为scss预处理器,其中包含了一些"uv-"开头的自定义变量
  3. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  4. * uvUI自定义的css类名和scss变量,均以"uv-"开头,不会造成冲突,请放心使用
  5. * @import '@/uni_modules/uv-ui-tools/theme.scss';
  6. */
  7. .se-grid {
  8. width: 100%;
  9. display: grid;
  10. grid-template-columns: 1fr 1fr 1fr 1fr;
  11. gap: 10rpx;
  12. }
  13. .area-box {
  14. width: 100%;
  15. overflow: hidden;
  16. height: 800rpx;
  17. }
  18. .area-box .u-flex {
  19. display: flex;
  20. }
  21. .area-box .u-padding-10 {
  22. padding: 10rpx;
  23. }
  24. .area-box > view {
  25. width: 150%;
  26. transition: transform 0.3s ease-in-out 0s;
  27. transform: translateX(0);
  28. }
  29. .area-box > view.change {
  30. transform: translateX(-33.3333333%);
  31. }
  32. .area-box .area-item {
  33. width: 33.3333333%;
  34. height: 800rpx;
  35. }