diff --git a/yazhaiTest/css/neck.css b/yazhaiTest/css/neck.css index 3ea6fd2..61f4c92 100644 --- a/yazhaiTest/css/neck.css +++ b/yazhaiTest/css/neck.css @@ -60,8 +60,6 @@ body::-webkit-scrollbar { .live-box-ul .live-top-box { width: 268px; height: 268px; - background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368) no-repeat; - background-size: cover; border-radius: 8px; overflow: hidden; position: relative; @@ -70,11 +68,12 @@ body::-webkit-scrollbar { } .live-box-ul .live-top-shadow { width: 268px; - height: 60px; + height: 130px; + opacity: 0.5; position: absolute; - bottom: 0; + bottom: -50px; left: 0; - background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); + background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); pointer-events: none; } .live-box-ul .live-icon { diff --git a/yazhaiTest/css/neck.less b/yazhaiTest/css/neck.less index ebc2a83..2ef5e76 100644 --- a/yazhaiTest/css/neck.less +++ b/yazhaiTest/css/neck.less @@ -78,8 +78,8 @@ .live-top-box{ width: 268px; height: 268px; - background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat; - background-size: cover; + // background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat; + // background-size: cover; border-radius: 8px; overflow: hidden; position: relative; @@ -88,11 +88,12 @@ } .live-top-shadow{ width: 268px; - height: 60px; + height:130px; + opacity: 0.5; position: absolute; - bottom: 0; + bottom: -50px; left: 0; - background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0)); + background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(255,255,255,0)); pointer-events: none; } .live-icon{