index.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .saomiao{
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. width: 150rpx;
  6. height: 60rpx;
  7. }
  8. .tapbtn[plain]{
  9. padding: 0;
  10. border: none;
  11. width: 220rpx;
  12. height: 220rpx;
  13. }
  14. .zhaohuan{
  15. display: flex;
  16. justify-content: end;
  17. align-items: center;
  18. width: 150rpx;
  19. height: 60rpx;
  20. }
  21. .shibietu{
  22. display: flex;
  23. justify-content: end;
  24. align-items: center;
  25. width: 150rpx;
  26. height: 60rpx;
  27. }
  28. .wenzi{
  29. display: flex;
  30. justify-content: center;
  31. align-items: center;
  32. width: 150rpx;
  33. height: 60rpx;
  34. }
  35. .img-size {
  36. width: 100%;
  37. margin: auto;
  38. }
  39. .swiper-container {
  40. z-index: 999; /* 设置一个足够高的值,确保在大多数情况下都位于最上方 */
  41. position: relative; /* 确保 z-index 生效的前提是,元素的 position 属性不是 static */
  42. width: 100vw; /* 设置 swiper 宽度为屏幕宽度 */
  43. height: 100vh; /* 设置 swiper 高度为屏幕高度 */
  44. }
  45. /* 如果 Swiper 的子元素也需要显示在最上方,可以设置其 z-index */
  46. .swiper-slide {
  47. z-index: 999;
  48. }
  49. .liucheng-img {
  50. width: 100%;
  51. height: 100%;
  52. }
  53. .item {
  54. height: 100%;
  55. width: 100%;
  56. }