.list-swiper { position: fixed; top: 0; left: 0; right: 0; --van-swipe-indicator-size: 16px; --van-swipe-indicator-margin: 62px; --van-swipe-indicator-inactive-background: none; } :deep(.van-swipe__indicator) { border: 2px solid #ffffff; } .list { position: relative; top: 438px; padding: 50px 45px; min-height: calc(100vh - 438px); overflow: hidden; background: url('@/assets/images/cover-home/bg@2x-min.png') no-repeat center top / 100% auto; background-color: #f6f2e6; z-index: 1; font-size: 40px; font-family: Source Han Serif CN-Bold; border-top-right-radius: 35px; border-top-left-radius: 35px; h2 { margin-bottom: 50px; color: #623d18; font-size: inherit; } &__item { display: flex; align-items: center; margin-bottom: 30px; padding: 0 36px; width: 100%; height: 160px; color: white; background-size: cover; background-position: center; p { flex: 1; } &::after { content: ''; display: block; width: 36px; height: 36px; background: url('@/assets/images/cover-home/icon_enter@2x.png') no-repeat center / contain; } &:last-child { margin-bottom: 0; } &.bt { color: #454344; background-image: url('@/assets/images/cover-home/btn_beita@2x-min.png'); } &.zxql { background-image: url('@/assets/images/cover-home/btn_zhouji@2x-min.png'); } &.ty { background-image: url('@/assets/images/cover-home/btn_tongyan@2x-min.png'); } &.fy { background-image: url('@/assets/images/cover-home/btn_niaolei@2x-min.png'); } &.hz { background-image: url('@/assets/images/cover-home/btn_hongzhuang@2x-min.png'); } &.pxdy { background-image: url('@/assets/images/cover-home/btn_hudie@2x-min.png'); } &.nlcz { background-image: url('@/assets/images/cover-home/btn_ningzhu@2x-min.png'); } &.gjqf { background-image: url('@/assets/images/cover-home/btn_qianfan@2x-min.png'); } } }