home.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /* pages/home/home.wxss */
  2. .inp {
  3. width: 200rpx;
  4. height: 50rpx;
  5. border: 1rpx solid #f00;
  6. }
  7. .aa {
  8. width: 400rpx;
  9. height: 500rpx;
  10. background-color: yellowgreen;
  11. margin-top: 20rpx;
  12. }
  13. .bb {
  14. width: 200rpx;
  15. height: 200rpx;
  16. background: #f00;
  17. }
  18. .swiper {
  19. margin: 30rpx;
  20. }
  21. .demo-text-1 {
  22. width: 100%;
  23. height: 300rpx;
  24. background-color: red;
  25. }
  26. .demo-text-2 {
  27. width: 100%;
  28. height: 300rpx;
  29. background-color: plum;
  30. }
  31. .demo-text-3 {
  32. width: 100%;
  33. height: 300rpx;
  34. background-color: orange;
  35. }
  36. .scroll-view-item_H{
  37. display: inline-block;
  38. width: 100%;
  39. height: 300rpx;
  40. }
  41. .scroll-view_H{
  42. white-space: nowrap;
  43. }
  44. .demo-text-4 {
  45. width: 30%;
  46. margin-left: 20rpx;
  47. background-color: red;
  48. }
  49. .demo-text-5 {
  50. width: 30%;
  51. margin-left: 20rpx;
  52. background-color: plum;
  53. }
  54. .demo-text-6 {
  55. width: 30%;
  56. margin-left: 20rpx;
  57. background-color: orange;
  58. }
  59. .scroll-view-item{
  60. height: 300rpx;
  61. }
  62. .demo-text-7 {
  63. width: 30%;
  64. margin-left: 20rpx;
  65. background-color: red;
  66. }
  67. .demo-text-8 {
  68. width: 30%;
  69. margin-left: 20rpx;
  70. background-color: plum;
  71. }
  72. .demo-text-9 {
  73. width: 30%;
  74. margin-left: 20rpx;
  75. background-color: orange;
  76. }