From a81a1a31ce7ee003e0006168e4d4e57da97c2bb6 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 05 三月 2024 18:46:46 +0800 Subject: [PATCH] 个人中心 --- pages/personalCenter/myCollection/index.wxss | 145 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 145 insertions(+), 0 deletions(-) diff --git a/pages/personalCenter/myCollection/index.wxss b/pages/personalCenter/myCollection/index.wxss index e69de29..ed8b651 100644 --- a/pages/personalCenter/myCollection/index.wxss +++ b/pages/personalCenter/myCollection/index.wxss @@ -0,0 +1,145 @@ +page { + background-color: #F2F3F8; + box-sizing: border-box; +} + +.t-tabs__track { + display: none; +} + +.t-tabs { + margin-top: 20rpx; + background: none !important; +} + +.t-tabs__wrapper { + background: none !important; +} + +.t-tabs__nav :nth-child(1) { + border-radius: 30rpx 30rpx 0 0rpx; +} + +.t-tabs__nav :nth-child(2) { + border-radius: 0rpx 30rpx 0 30rpx; +} + +.t-tabs__item { + flex: 1 !important; + background: #E6E8F1; + height: 76rpx !important; + margin-top: 16rpx; + border-radius: 30rpx 0 30rpx 0rpx !important; +} + +.t-tabs__item--active { + color: #333 !important; + background: #fff; + height: 96rpx; + font-size: 32rpx; + margin-top: 0; + height: 96rpx !important; + border-radius: 30rpx 30rpx 0 0rpx !important; +} + +.t-tabs__item--active+.t-tabs__item { + border-radius: 0 30rpx 0 30rpx !important; +} + +.refresh-container { + margin: 0 auto; +} + +.bottom-loading, +.loading { + padding: 20rpx; + text-align: center; +} + +.content { + height: calc(100vh - env(safe-area-inset-bottom)); + box-sizing: border-box; +} + +.t-tabs__content { + background: #fff !important; + margin-top: -30rpx; + padding-top: 30rpx; +} + +.listBox { + display: flex; + flex-flow: row wrap; + padding: 30rpx 0; +} + + +.content-item { + width: calc(100%/3 - 40rpx); + margin-bottom: 30rpx; + margin: 0 20rpx; + align-self: stretch; + position: relative; +} + +.content-item .icon { + height: 300rpx; + width: 210rpx; + box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); +} + +.content-item .icon .t-image { + width: 100%; + height: 100%; + object-fit: contain; +} + +.body-info { + padding: 20rpx 0; +} + +.body-info .name { + font-size: 32rpx; + height: 88rpx; + color: #333333; + font-weight: bold; + line-height: 44rpx; + display: -webkit-box; + margin-bottom: 10rpx; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + text-overflow: ellipsis; +} + +.body-info .author { + height: 30rpx; + color: #333333; + line-height: 30rpx; + display: -webkit-box; + margin-bottom: 10rpx; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + overflow: hidden; + text-overflow: ellipsis; +} + +.currentBtn { + position: absolute; + top: 10rpx; + right: 10rpx; + background: #FF6C00; + border-radius: 8rpx; + padding: 6rpx; + width: 36rpx; + height: 36rpx; +} + +.currentBtn .img { + width: 100%; + height: 100%; +} + +.empyt { + padding: 200rpx 0; +} \ No newline at end of file -- Gitblit v1.9.1