From aff8d054df4a638f399dc8f15d98c19b9c9aa785 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 29 四月 2025 10:11:25 +0800 Subject: [PATCH] 扫码视频播放 --- packagePersonal/pages/myCollection/index.wxss | 54 +++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 47 insertions(+), 7 deletions(-) diff --git a/packagePersonal/pages/myCollection/index.wxss b/packagePersonal/pages/myCollection/index.wxss index ed8b651..0cec230 100644 --- a/packagePersonal/pages/myCollection/index.wxss +++ b/packagePersonal/pages/myCollection/index.wxss @@ -1,5 +1,20 @@ +@import "./index.skeleton.wxss"; + page { background-color: #F2F3F8; +} + +.container { + width: 100vw; + height: 100vh; +} + +.pageInfo { + background: #fff; +} + +.content { + height: calc(100vh - env(safe-area-inset-bottom) - 116rpx); box-sizing: border-box; } @@ -8,8 +23,13 @@ } .t-tabs { - margin-top: 20rpx; + padding-top: 20rpx; background: none !important; + width: 100%; + position: fixed; + top: 0rpx; + left: 0; + z-index: 1 } .t-tabs__wrapper { @@ -17,7 +37,7 @@ } .t-tabs__nav :nth-child(1) { - border-radius: 30rpx 30rpx 0 0rpx; + border-radius: 30rpx 30rpx 0 0rpx !important; } .t-tabs__nav :nth-child(2) { @@ -46,6 +66,10 @@ border-radius: 0 30rpx 0 30rpx !important; } +.t-tabs__item--active+.t-tabs__item+.t-tabs__item { + border-radius: 30rpx 30rpx 0rpx 0rpx !important; +} + .refresh-container { margin: 0 auto; } @@ -56,10 +80,6 @@ text-align: center; } -.content { - height: calc(100vh - env(safe-area-inset-bottom)); - box-sizing: border-box; -} .t-tabs__content { background: #fff !important; @@ -82,13 +102,28 @@ position: relative; } +.class--tem { + width: calc(100%/2 - 40rpx); + margin-bottom: 30rpx; + margin: 0 20rpx; + align-self: stretch; + position: relative; +} + +.class--tem .icon { + height: 200rpx; + width: 100%; + box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); +} + .content-item .icon { height: 300rpx; width: 210rpx; box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); } -.content-item .icon .t-image { +.content-item .icon .img, +.class--tem .icon .img { width: 100%; height: 100%; object-fit: contain; @@ -142,4 +177,9 @@ .empyt { padding: 200rpx 0; +} + +.body-loading { + padding: 200rpx 0; + text-align: center; } \ No newline at end of file -- Gitblit v1.9.1