index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* pages/previousEditions/index.wxss */
  2. .scrollarea {
  3. width: 100%;
  4. height: 100%;
  5. }
  6. .index_main {
  7. background-image: url("https://cxzx.smcic.net/topic/tool/img/%E5%B0%91%E5%84%BF%E4%B9%A6%E7%94%BB%E5%A4%A7%E8%B5%9B/home_top.png");
  8. background-repeat: no-repeat;
  9. background-size: 100%;
  10. padding-top: 955rpx;
  11. padding-bottom: 45rpx;
  12. box-sizing: border-box;
  13. }
  14. .list{
  15. width: 618rpx;
  16. margin: 0 auto;
  17. }
  18. .list .item {
  19. width: 100%;
  20. height: 335rpx;
  21. background-color: #000;
  22. position: relative;
  23. }
  24. .item_image{
  25. width: 100%;
  26. height: 335rpx;
  27. }
  28. .list .title {
  29. color: #fff;
  30. position: absolute;
  31. bottom: 0;
  32. width: 100%;
  33. background-color: #00000090;
  34. height: 1.5em;
  35. line-height: 1.5em;
  36. padding: 0 10rpx;
  37. box-sizing: border-box;
  38. font-size: 30rpx;
  39. white-space: nowrap; /* 防止文本换行 */
  40. overflow: hidden; /* 隐藏超出容器的内容 */
  41. text-overflow: ellipsis; /* 在超出内容的地方显示省略号 */
  42. }
  43. .item_bg {
  44. margin-bottom: 15rpx;
  45. }
  46. .item_bg:last-child{
  47. margin-bottom: 0;
  48. }
  49. .image {
  50. width: 507rpx;
  51. display: block;
  52. margin: 55rpx auto 0 auto;
  53. }
  54. .image:last-child {
  55. display: none;
  56. }