home.wxss 686 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /* pages/home/home.wxss */
  2. @import '../list/list.wxss';
  3. .first {
  4. color: #f00;
  5. }
  6. .box {
  7. width: 500rpx;
  8. height: 500rpx;
  9. background: #f00;
  10. }
  11. .box1 {
  12. width: 300rpx;
  13. height: 300rpx;
  14. background: #ff0;
  15. }
  16. .demo-text-1,.demo-text-2,.demo-text-3 {
  17. width: 100%;
  18. height: 150px;
  19. }
  20. .demo-text-1{
  21. background: #00f;
  22. }
  23. .demo-text-2{
  24. background: aqua;
  25. }
  26. .demo-text-3{
  27. background: hotpink;
  28. }
  29. .page-section-spacing{
  30. margin-top: 60rpx;
  31. }
  32. .scroll-view_H{
  33. white-space: nowrap;
  34. }
  35. .scroll-view-item{
  36. height: 300rpx;
  37. }
  38. .scroll-view-item_H{
  39. display: inline-block;
  40. width: 100%;
  41. height: 300rpx;
  42. }
  43. #demo1,#demo2,#demo3 {
  44. width: 100px;
  45. height: 150px;
  46. margin-left: 20px;
  47. }