layeredpresentation.wxss 680 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. page>view {
  2. width: 100vw;
  3. max-width: 100vw;
  4. }
  5. view, image, navigator {
  6. margin: 0;
  7. padding: 0;
  8. box-sizing: border-box;
  9. }
  10. .container {
  11. display: block;
  12. width: 100vw;
  13. padding: 20rpx;
  14. color: #ffffff;
  15. font-size: 28px;
  16. }
  17. .item {
  18. margin: 6px;
  19. height: 240px;
  20. line-height: 240px;
  21. text-align: center;
  22. background: #ecebec;
  23. border: 1px solid #555050;
  24. }
  25. .item-A {
  26. background: #1aad19;
  27. height: 100%;
  28. }
  29. .item-B {
  30. background: #2782d7;
  31. height: 100%;
  32. }
  33. .item-C {
  34. background: #d8d8d8;
  35. height: 100%;
  36. color: #353535;
  37. }
  38. .item {
  39. border: 0px;
  40. margin: 0px;
  41. height: 450px;
  42. line-height: 450px;
  43. }
  44. .dark-C {
  45. background: #f1f1f1;
  46. color: #353535;
  47. }