From d7ca134342a0a2004d9c15fab49fd0a41557e29c Mon Sep 17 00:00:00 2001
From: liuwh <964324856@qq.com>
Date: Sat, 07 Sep 2024 21:59:18 +0800
Subject: [PATCH] 提交
---
gz-wxparty/pages/homePage/index.wxss | 379 ++++++++++++++++++++++++++++++++++++------------------
1 files changed, 253 insertions(+), 126 deletions(-)
diff --git a/gz-wxparty/pages/homePage/index.wxss b/gz-wxparty/pages/homePage/index.wxss
index 5354393..b692ea1 100644
--- a/gz-wxparty/pages/homePage/index.wxss
+++ b/gz-wxparty/pages/homePage/index.wxss
@@ -2,260 +2,387 @@
@import '../../styles/public_components.wxss';
.radius {
- border-radius: var(--border-radius-card);
+ border-radius: var(--border-radius-card);
}
.pre {
- font-size: 28rpx;
- line-height: 1.5;
+ font-size: 28rpx;
+ line-height: 1.5;
}
.swiper {
- height: 300rpx;
+ height: 300rpx;
}
.swiper-item {
- height: 100%;
- width: 100%;
+ height: 100%;
+ width: 100%;
+}
+
+.homePage-main {
+ height: 100vh;
+ background-color: #EFF8FF;
}
.main {
- padding: 16rpx var(--padding-my);
+ padding: 16rpx var(--padding-my);
+}
+
+.main_title {
+ padding: var(--padding-my) 0 24rpx;
+ font-size: 32rpx;
+ line-height: 48rpx;
+}
+
+.main_subTitle {
+ font-size: 32rpx;
+ line-height: 48rpx;
+}
+
+.main_color {
+ color: var(--main-color);
+}
+
+.flex {
+ display: flex;
+ gap: 30rpx;
+
+}
+
+.flex_1 {
+ flex: 1;
+ color: #fff;
+ padding: 12px;
+ border-radius: 4px;
+}
+
+.flex_2 {
+ flex: 1;
+ padding: 12px;
+ border-radius: 4px;
+ display: flex;
+ gap: 16rpx;
+}
+
+.flex_2_image {
+ width: 166rpx;
+ height: 100rpx;
+}
+
+.flex_2_image1 {
+ width: 96rpx;
+ height: 96rpx;
+}
+
+.flex_dt {
+ display: flex;
+ justify-content: space-between;
+}
+
+.flex_zy_title {
+ color: rgba(23, 26, 29, 0.60);
+ font-size: 28rpx;
+ white-space: nowrap;
+}
+
+.flex_num {
+ font-family: DingTalk;
+ color: var(--main-color);
+ font-size: 20px;
+ line-height: 28px;
+}
+
+.flex_dt_more {
+ color: rgba(26, 111, 184, 0.60);
+ display: flex;
+ align-items: center;
+}
+
+.flex_dt_more_img {
+ width: 14px;
+ height: 14px;
+}
+
+.dt_card {
+ border-radius: 2px;
+ background-color: #fff;
+ display: flex;
+ justify-content: space-between;
+ padding: 8px 12px;
+}
+
+.dt_card_l {
+ flex: 2;
+}
+
+.dt_card_time {
+ color: rgba(23, 26, 29, 0.40);
+}
+
+.dt_card_r {
+ flex: 1;
+ background: #ef6c24;
+}
+
+.dt_card_title {
+ margin-bottom: 4px;
+}
+
+.flex_blue {
+ background: linear-gradient(90deg, #5fa6d4, #3a8ac6 50%, #1a6fb8 100%);
+}
+
+.flex_orange {
+ background: linear-gradient(90deg, #ffa940, #fa8c16 50%, #ef6c24 100%);
+}
+
+.flex_green {
+ background: linear-gradient(90deg, #36cfc9, #13c2c2 50%, #08979c 100%);
+}
+
+.marginTop_12 {
+ margin-top: 24rpx;
}
.mediate {
- height: 140rpx;
+ height: 92rpx;
+ background-color: #fff;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ padding: 0 32rpx;
+ justify-content: space-between;
}
.mediate-image {
- height: 140rpx;
- width: 100%;
+ height: 140rpx;
+ width: 100%;
}
.message-bg {
- height: 24rpx;
- padding: 16rpx;
- background-color: #ffffff;
- margin-top: 16rpx;
- border-radius: 10rpx;
+ height: 24rpx;
+ padding: 16rpx;
+ background-color: #ffffff;
+ margin-top: 16rpx;
+ border-radius: 10rpx;
}
.message {
- height: 24rpx;
- font-size: 24rpx;
- line-height: 24rpx;
- display: flex;
- align-items: center;
+ height: 24rpx;
+ font-size: 24rpx;
+ line-height: 24rpx;
+ display: flex;
+ align-items: center;
}
.message-content {
- flex: 1;
- overflow: hidden;
- padding-right: 8rpx;
+ flex: 1;
+ overflow: hidden;
+ padding-right: 8rpx;
}
.message-item {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
.message-item:last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.message-item-round {
- width: 12rpx;
- height: 12rpx;
- border-radius: 50%;
- background-color: #000000;
+ width: 12rpx;
+ height: 12rpx;
+ border-radius: 50%;
+ background-color: #000000;
}
.message-item-text {
- flex: 1;
- padding: 0 16rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ flex: 1;
+ padding: 0 16rpx;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.message-item-time {
- color: rgba(0, 0, 0, 0.5);
+ color: rgba(0, 0, 0, 0.5);
}
.resources {
- background-color: #ffffff;
- margin-top: 16rpx;
- padding: 16rpx;
+ background-color: #ffffff;
+ margin-top: 16rpx;
+ padding: 16rpx;
}
.item-resources {
- display: flex;
- overflow-x: auto;
- margin: 0 -12rpx;
+ display: flex;
+ overflow-x: auto;
+ margin: 0 -12rpx;
}
.item-resources-item-bg {
- min-width: 33%;
- max-width: 33%;
- overflow: hidden;
+ min-width: 33%;
+ max-width: 33%;
+ overflow: hidden;
}
.item-resources-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 32rpx 0 16rpx;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 32rpx 0 16rpx;
}
.item-resources-num {
- font-size: 24rpx;
- padding: 8rpx 0;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: 100%;
- text-align: center;
+ font-size: 24rpx;
+ padding: 8rpx 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+ text-align: center;
}
.item-resources-title {
- font-size: 24rpx;
- margin-bottom: 12rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: 100%;
- text-align: center;
+ font-size: 24rpx;
+ margin-bottom: 12rpx;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+ text-align: center;
}
.item-resources-image {
- height: 80rpx;
- width: 80rpx;
+ height: 80rpx;
+ width: 80rpx;
}
.item-resources-btn {
- font-size: 24rpx;
- padding: 8rpx;
- border: 1rpx solid;
- border-radius: 21rpx;
- line-height: 24rpx;
+ font-size: 24rpx;
+ padding: 8rpx;
+ border: 1rpx solid;
+ border-radius: 21rpx;
+ line-height: 24rpx;
}
.itemTitle {
- display: flex;
- align-items: center;
- color: var(--main-color);
- font-weight: 600;
+ display: flex;
+ align-items: center;
+ color: var(--main-color);
+ font-weight: 600;
}
.itemTitle-image {
- width: 28rpx;
- height: 28rpx;
- margin-right: 16rpx;
+ width: 28rpx;
+ height: 28rpx;
+ margin-right: 16rpx;
}
.item-video {
- height: 132rpx;
- width: 184rpx;
- border-radius: 4rpx;
+ height: 132rpx;
+ width: 184rpx;
+ border-radius: 4rpx;
}
.item-cell-group {
- background-color: #ffffff;
- margin-top: 16rpx;
- padding: 16rpx 16rpx 0;
+ background-color: #ffffff;
+ margin-top: 16rpx;
+ padding: 16rpx 16rpx 0;
}
.item-cell-video {
- display: flex;
+ display: flex;
align-items: center;
}
.item-cell {
- padding: 24rpx 0;
- border-bottom: 2rpx solid rgba(0, 0, 0, 0.03);
+ padding: 24rpx 0;
+ border-bottom: 2rpx solid rgba(0, 0, 0, 0.03);
}
.item-cell:last-child {
- border: none;
+ border: none;
}
.item-cell-content {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- flex: 1;
- padding-right: 66rpx;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ flex: 1;
+ padding-right: 66rpx;
}
.item-cell-text {
margin-top: 24rpx;
- font-size: 24rpx;
- line-height: 40rpx;
- color: #c8c9cc;
- display: flex;
+ font-size: 24rpx;
+ line-height: 40rpx;
+ color: #c8c9cc;
+ display: flex;
}
.van-cell-group--inset {
- margin: 0 !important;
- border-radius: 8rpx !important;
+ margin: 0 !important;
+ border-radius: 8rpx !important;
}
.popup-scroll {
- height: 800rpx;
- width: 600rpx;
- padding: 24rpx;
- background-color: #ffffff;
+ height: 800rpx;
+ width: 600rpx;
+ padding: 24rpx;
+ background-color: #ffffff;
}
.popup-button {
- padding: 0 64rpx 24rpx;
+ padding: 0 64rpx 24rpx;
}
.popup-button-no {
- font-size: 28rpx;
- text-align: center;
- padding: 24rpx 0 0;
- text-decoration: underline;
+ font-size: 28rpx;
+ text-align: center;
+ padding: 24rpx 0 0;
+ text-decoration: underline;
}
.homePage-popupMsg {
- padding: 32rpx;
+ padding: 32rpx;
}
.homePage-popupMsg-realNamePng {
- width: 340rpx;
- height: 300rpx;
- position: relative;
- left: 50%;
- margin-left: -170rpx;
+ width: 340rpx;
+ height: 300rpx;
+ position: relative;
+ left: 50%;
+ margin-left: -170rpx;
}
.homePage-popupMsg-content-item {
- display: flex;
- align-items: center;
- margin-bottom: 16rpx;
+ display: flex;
+ align-items: center;
+ margin-bottom: 16rpx;
}
.homePage-popupMsg-content-item:last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.homePage-popupMsg-content-itemImg {
- width: 100rpx;
- height: 100rpx;
+ width: 100rpx;
+ height: 100rpx;
}
.homePage-popupMsg-content-itemTitle {
- flex: 1;
- padding-left: 16rpx;
+ flex: 1;
+ padding-left: 16rpx;
}
.homePage-popupMsg-subTitle {
- margin-bottom: 32rpx;
+ margin-bottom: 32rpx;
}
.homePage-popupMsg-button {
- padding: 32rpx 0;
- margin: 0 32rpx;
- border-top: 2rpx solid var(--border-color);
-}
+ padding: 32rpx 0;
+ margin: 0 32rpx;
+ border-top: 2rpx solid var(--border-color);
+}
\ No newline at end of file
--
Gitblit v1.8.0