input { line-height: normal; box-sizing: border-box; } @font-face { font-family: 'GuildfordProBook 5'; src: url('https://wx.yixiang.co/static/iconfont/GuildfordProBook5.otf'); } [v-cloak] { display: none; } .iconfont { font-size: 36rpx; } /* 一像素边框 */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { .border-1px::after { transform: scaleY(0.7); } .border-1px::before { transform: scaleY(0.7); } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .border-1px::after { transform: scaleY(0.5); } .border-1px::before { transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .border-1px::after { transform: scaleY(0.33); } .border-1px::before { transform: scaleY(0.33); } } .line1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .line2 { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 55; background: rgba(125, 125, 125, 0.25); backdrop-filter: blur(10rpx); }