.content { padding-bottom: 12.8205vw; background-image: url("https://file-cloud.fmode.cn/Qje9D4bqol/20241220/b313ov054708770.png") !important; background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; --background: #ffffff00; ion-segment { // justify-content: start; // padding: 0 3.2vw; // position: sticky; // top: 0; border-bottom: 0.2564vw solid #e5e5e5; } .comment-list { // background-color: #47474726; // border: 1px solid white; // margin-top: 4px; border-radius: 6px; .li { display: flex; align-items: center; justify-content: space-between; padding: 4px; border-bottom: 1px solid #eee; .li-user { flex-shrink: 0; margin-right: 4px; .avatar { width: 30px; height: 30px; margin-right: 4px; } } .li-right { flex: 1; .li-row{ display: flex; justify-content: space-between; .nickname{ font-size: 14px; display: flex; align-items: center; } .level { margin-left: 1.5385vw; text-align: center; font-size: 3.0769vw; border-radius: 5.1282vw; padding: 0vw 1.5385vw; color: #000; } .gift { display: flex; align-items: center; img{ width: 30px; height: 30px; } } .time { font-size: 14px; color: #676767; margin-top: 1.0256vw; } .credit{ color: #676767; font-size: 14px; } } } } } }