@@ -272,11 +264,11 @@
class="practice_row2_item practice_row2_item--video flex-col justify-between"
@click="openVideo('xuanchuan')"
>
-
+
▶
@@ -862,6 +854,8 @@ export default {
width: 4.694rem;
height: 1.707rem;
margin: 6.4rem 0 0 6.934rem;
+ position: relative;
+ top: -20px;
}
.practice_text_23 {
@@ -888,12 +882,7 @@ export default {
min-height: 8.267rem;
}
-.practice_block_5 {
- background-color: rgba(255, 255, 255, 1);
- position: relative;
- width: 8.534rem;
- height: 6.934rem;
-}
+/* 旧 border 样式清理(已删除模板中的 wrapper div,这些类不再使用) */
.practice_image_13 {
width: 8.534rem;
@@ -901,17 +890,6 @@ export default {
object-fit: contain;
}
-.practice_group_18 {
- border-radius: 16px;
- position: absolute;
- left: 0;
- top: 0;
- width: 8.534rem;
- height: 6.934rem;
- border: 2px solid rgba(232, 244, 255, 1);
- pointer-events: none;
-}
-
.practice_text_24 {
width: 8.534rem;
height: 0.96rem;
@@ -984,16 +962,6 @@ export default {
margin-left: 1.067rem;
}
-.practice_block_7 {
- background-color: rgba(255, 255, 255, 1);
- height: 6.934rem;
- width: 8.534rem;
- position: relative;
- border: 2px solid rgba(232, 244, 255, 1);
- border-radius: 16px;
- overflow: hidden;
-}
-
.practice_image_17 {
width: 8.534rem;
height: 6.934rem;
@@ -1018,7 +986,7 @@ export default {
.practice_row2 {
width: 37.334rem;
min-height: 8.267rem;
- margin: 110px 0 0 6.934rem;
+ margin: 130px 0 0 6.934rem;
}
.practice_row2_item {
@@ -1040,16 +1008,6 @@ export default {
background-color: rgba(255, 255, 255, 1);
}
-/* 视频封面专用:横屏图要 cover 撑满,中心对齐(避免头尾裁掉关键内容) */
-.practice_row2_cover {
- width: 8.534rem;
- height: 6.934rem;
- object-fit: cover;
- object-position: center center;
- border-radius: 16px;
- background-color: rgba(255, 255, 255, 1);
-}
-
.practice_row2_caption {
width: 8.534rem;
height: 0.96rem;
@@ -1064,26 +1022,18 @@ export default {
margin-top: 40px;
}
-/* 视频卡片占位框 (等待 MP4 文件) */
+/* 视频卡片占位框 (用于绝对定位中央大三角 ▶;chahua2.png 自带浅蓝边,容器层不再叠 border/背景) */
.practice_row2_video_placeholder {
position: relative;
width: 8.534rem;
height: 6.934rem;
border-radius: 16px;
- background-color: rgba(245, 245, 245, 1);
- border: 2px solid rgba(232, 244, 255, 1);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
-/* 当 cover 封面撑满时,去掉灰底和浅边框,让封面自己作为视觉外框 */
-.practice_row2_video_placeholder--cover {
- background-color: transparent;
- border: none;
-}
-
/* 视频封面 + 播放图标叠加层 (yici.png 项) */
.practice_row2_video_placeholder .practice_row2_img {
border-radius: 16px;