123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- .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;
- }
- }
- }
- }
- }
- }
|