diff --git a/public/img/chahua2.png b/public/img/chahua2.png new file mode 100644 index 0000000..c5b1340 Binary files /dev/null and b/public/img/chahua2.png differ diff --git a/src/views/withmind/index.vue b/src/views/withmind/index.vue index 6fd692b..1d1280f 100644 --- a/src/views/withmind/index.vue +++ b/src/views/withmind/index.vue @@ -182,7 +182,7 @@
AI创作: - 让传播精准触达 + 让内容高效而生
@@ -202,14 +202,11 @@
应用实践
-
- -
-
+ 员工随时问AI清晰解答
@@ -229,13 +226,11 @@ 新人快速开单标准化话术
-
- -
+ 24小时新员工培训导师
@@ -249,15 +244,12 @@ /> 无需设计功底,一键生成品牌视觉 -
-
- -
-
+
+ 一次可创作多图文/视频
@@ -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;