OPC-Hub/training
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(content): 封面统一裁切 3.35:1(小程序/网站 卡片+详情)

Browse Source
This commit is contained in:
Pine
2026-08-27 15:57:47 +08:00
parent 14e52d7f73
commit b88e5459cd
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/src/pages/content-detail/index.scss
+1 -1
View File
@@ -1,6 +1,6 @@
/* 资讯详情 · 小程序样式（微信文章式） */
.cd { position: relative; z-index: 2; padding: 0 0 60rpx; }
.cd-cover { display: block; width: 100%; border-radius: 20rpx; }
.cd-cover { width: 100%; aspect-ratio: 3.35 / 1; object-fit: cover; border-radius: 20rpx; }
.cd-video { width: 100%; height: 400rpx; border-radius: 20rpx; margin-bottom: 24rpx; }
.cd-title { display: block; margin-top: 24rpx; padding: 0 28rpx; font-size: 40rpx; color: #fff; font-weight: 700; line-height: 1.4; }
.cd-meta-row { display: flex; align-items: center; gap: 10rpx; padding: 20rpx 28rpx 0; }
miniprogram/src/pages/content/index.scss
+1 -1
View File
@@ -39,7 +39,7 @@
/* ---------- 大图卡片 ---------- */
.ct-card { margin: 6rpx 0 18rpx; border-radius: 22rpx; overflow: hidden; background: #111116; border: 1rpx solid #222228; }
.ct-cover { position: relative; width: 100%; aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ct-cover { position: relative; width: 100%; aspect-ratio: 3.35 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ct-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ct-play { position: relative; z-index: 2; }
.ct-play {