.woringBook { min-height: 100vh; background: url('./images/woring-bg.png') no-repeat top center; background-size: contain; } .woringHeader { display: flex; align-items: center; height: var(--van-nav-bar-height); .leftArrow { padding: 0 var(--k-padding-md); } .title { position: relative; z-index: 1; i { width: 60px; height: 20px; display: inline-block; background: url('./images/woring-title.png') no-repeat center; background-size: contain; } &::after { content: ' '; display: inline-block; position: absolute; left: 0; bottom: -2px; width: 48px; height: 6px; background: linear-gradient(270deg, rgba(119, 255, 239, 0.59) 0%, #42CDFF 100%); opacity: 0.5; z-index: -1; } } } .woringSecgtion { min-height: calc(100vh - var(--header-height) - 110px); margin-top: 110px; background: #FFFFFF; border-radius: 16px 16px 0 0; padding: 20px 14px; .woringImg { margin-bottom: 16px; width: 100%; } }