From f6efc465e8f5633313afc8da54c17988722073eb Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sat, 14 Sep 2024 15:55:07 +0800
Subject: [PATCH] fix: 审核页面逻辑调整、滚动调整
---
gz-wxparty/pages/register/index.wxss | 590 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 568 insertions(+), 22 deletions(-)
diff --git a/gz-wxparty/pages/register/index.wxss b/gz-wxparty/pages/register/index.wxss
index de0882a..ef6afa2 100644
--- a/gz-wxparty/pages/register/index.wxss
+++ b/gz-wxparty/pages/register/index.wxss
@@ -6,12 +6,514 @@
background-color: #ffffff;
}
+.one-list {
+ background: #fff;
+ padding: 24rpx;
+ display: flex;
+ position: relative;
+ gap: 8px;
+ margin-bottom: 12px;
+ border-radius: 8px;
+}
+
+.one-list-l {
+ height: 96rpx;
+ width: 96rpx;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ font-size: 28rpx;
+ text-align: center;
+}
+
+.one-list-r-t {
+ display: flex;
+ gap: 8px;
+ font-size: 28rpx;
+ line-height: 44rpx;
+}
+
+.one-list-phone {
+ color: rgba(23, 26, 29, 0.60);
+}
+
+.one-list-tag {
+ font-size: 24rpx;
+ line-height: 40rpx;
+ border-radius: 2px;
+ background: #e6fffb;
+ color: #13C2C2;
+ padding: 0 8rpx;
+}
+
+.one-list-tag-orange {
+ font-size: 24rpx;
+ line-height: 40rpx;
+ border-radius: 2px;
+ background: #FFF2E6;
+ color: #EF6C24;
+ padding: 0 8rpx;
+}
+
+.one-list-r-b {
+ color: rgba(23, 26, 29, 0.60);
+ font-size: 24rpx;
+ line-height: 40rpx;
+ margin-top: 8rpx;
+}
+
+.one-list-del {
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 44rpx;
+ height: 44rpx;
+}
+
+.one-list-del-1 {
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 44rpx;
+ height: 44rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+
+.one-list-del image {
+ width: 100%;
+ height: 100%;
+}
+
+.one-list-del-1 image {
+ width: 28rpx;
+ height: 28rpx;
+}
+
+.green {
+ background-color: #13C2C2;
+}
+
+.orange {
+ background-color: #EF6C24;
+}
+
+.one-add-me {
+ /* background-color: #fff; */
+ text-align: center;
+ padding: 40rpx 32rpx 28rpx;
+}
+
+.one-add-me-tip .van-popup--round {
+ width: 80%;
+}
+
+.one-add-me-title {
+ font-size: 34rpx;
+ line-height: 50rpx;
+ margin-bottom: 24rpx;
+}
+
+.one-add-me-content {
+ color: rgba(23, 26, 29, 0.60);
+ margin-bottom: 28rpx;
+}
+
+.one-add-me-button {
+ display: flex;
+ flex-direction: column;
+ gap: 16rpx;
+}
+
+.one-add-person-tip .van-popup--round {
+ width: 90%;
+}
+
+.one-add-person {
+ text-align: center;
+ padding: 0rpx 32rpx;
+}
+
+.one-add-person-flex {
+ display: flex;
+}
+
+.one-add-person-tip {
+ position: relative;
+}
+
+.one-add-person-icon {
+ position: absolute;
+ bottom: -40rpx;
+ z-index: 991;
+}
+
+.one-add-person-title {
+ border-bottom: 1px dashed rgba(126, 134, 142, 0.24);
+ padding: 24rpx 0 16rpx;
+ margin-bottom: 32rpx;
+}
+
+.one-add-person-flex {
+ background: #f2f2f6;
+ margin-bottom: 24rpx;
+ padding: 24rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.one-add-person-text {
+ font-size: 32rpx;
+ line-height: 48rpx;
+}
+
+.one-add-person-button .van-button {
+ height: 60rpx;
+}
+
+.two-button {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ gap: 24px;
+}
+
+.two-button-flex1 {
+ flex: 1;
+}
+
+.two-button-flex2 {
+ flex: 2;
+}
+
+.two-addr {
+ padding: 16rpx 20rpx;
+ background: #f2f3f5;
+ height: 98rpx;
+ border-radius: 4rpx;
+ display: flex;
+ justify-content: space-between;
+}
+
+.two-addr-img {
+ height: 23px;
+ display: flex;
+ align-items: center;
+}
+
+.two-addr-img image {
+ width: 15px;
+ height: 15px;
+}
+
+.fileList {
+ background-color: #fff;
+ padding: 24rpx 32rpx;
+ display: flex;
+ gap: 32rpx;
+ align-items: center;
+}
+
+.fileList_border {
+ padding-bottom: 24rpx;
+ display: flex;
+ gap: 32rpx;
+ align-items: center;
+ border-bottom: 1px solid rgba(126, 134, 142, 0.16);
+}
+
+.fileList_img {
+ width: 84rpx;
+ height: 96rpx;
+}
+
+.fileList_title {
+ color: rgba(23, 26, 29, 0.40);
+ font-size: 28rpx;
+}
+
+.fileList_img_del {
+ width: 32rpx;
+ height: 32rpx;
+}
+
+.flex_1 {
+ flex: 1;
+}
+
+.three-tag {
+ margin-top: 16rpx;
+}
+
+.three-tag .van-tabs__wrap {
+ height: 96rpx !important;
+}
+
+.van-tabs__wrap .van-tab--active {
+ color: var(--main-color) !important;
+}
+
+.three-tag .van-tabs__nav {
+ height: 100%;
+}
+
+.three-tag .van-tabs__scroll--line {
+ height: 100%;
+}
+
+.three-tag .van-tab {
+ height: 100%;
+ line-height: 96rpx !important;
+}
+
+.three-tag2 {
+ background-color: #fff;
+ margin-top: 16rpx;
+ padding: 24rpx 32rpx;
+}
+
+
+.textarea-foot {
+ display: flex;
+ justify-content: space-between;
+ background-color: #fff;
+ align-items: center;
+ padding-left: 32rpx;
+}
+
+.Ai_tip {
+ background: #FFECE8;
+ padding: 8px 12px;
+ border-radius: 4px;
+}
+
+.Ai_tip_title {
+ color: #F53F3F;
+ line-height: 46rpx;
+}
+
+.page-flex {
+ display: flex;
+ flex-direction: column;
+}
+
+.Ai_tip_line {
+ margin: 16rpx 0;
+ border-bottom: 1px solid rgba(245, 63, 63, 0.60);
+}
+
+.Ai_tip_text {
+ color: rgba(245, 63, 63, 0.60);
+ font-size: 24rpx;
+ line-height: 40rpx;
+}
+
+.textarea-limit {
+ font-size: 28rpx;
+ line-height: 44rpx;
+ color: rgba(23, 26, 29, 0.40);
+}
+
+.textarea-ability {
+ display: flex;
+ align-items: center;
+ background-color: rgba(182, 221, 241, 0.46);
+ padding: 16rpx;
+ border-radius: 20px 0px 0px 0px;
+ color: var(--main-color);
+ font-weight: 400;
+}
+
+.textarea-img {
+ display: flex;
+ align-items: center;
+ gap: 8rpx;
+}
+
+.textarea-img image {
+ width: 28rpx;
+ height: 28rpx;
+}
+
+.upload-title {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.upload-title image {
+ width: 32rpx;
+ height: 32rpx;
+}
+
+.upload-text {
+ margin-top: 8rpx;
+ font-size: 28rpx;
+ line-height: 44rpx;
+ color: rgba(23, 26, 29, 0.40);
+}
+
.card {
background-color: #ffffff;
margin: 0 var(--padding-my);
margin-top: 16rpx;
border-radius: var(--border-radius-card);
padding: 0 32rpx;
+}
+
+.cell-item {
+ padding: 24rpx 32rpx 24rpx 12rpx;
+ background-color: #fff;
+}
+
+.cell-item-select {}
+
+.cell-idCard {
+ color: var(--main-color);
+ display: flex;
+ align-items: center;
+ font-weight: 400;
+}
+
+.cell-phone .van-button {
+ color: var(--main-color);
+ border: none !important;
+ padding: 0 !important;
+}
+
+.cell-idCard image {
+ width: 34rpx;
+ height: 32rpx;
+ margin-right: 8rpx;
+}
+
+.cell-title {
+ margin-bottom: 8rpx;
+ display: flex;
+ justify-content: space-between;
+}
+
+.cell-radio {
+ display: flex;
+ gap: 27rpx;
+}
+
+.cell-title1 {
+ font-weight: 600;
+ font-size: 30rpx;
+ line-height: 46rpx;
+ padding-left: 20rpx;
+}
+
+.cell-select {
+ padding: 0 20rpx;
+}
+
+.cell-required {
+ color: #d1021c;
+ font-size: 30rpx;
+}
+
+.cell-item .van-field__control--right {
+ text-align: left
+}
+
+.popupMsg-form {
+ margin-top: 16rpx;
+ flex: 1;
+ margin-bottom: 162rpx;
+}
+
+.person-type-select {
+ background-color: #fff;
+
+}
+
+.person-type-select-person {
+ padding: 24rpx 32rpx 16rpx;
+}
+
+/* components/personTypes/index.wxss */
+.personTypes {
+ display: flex;
+ align-items: center;
+ background-color: #ffffff;
+ gap: 32rpx;
+ padding: 0 32rpx 32rpx;
+}
+
+.personTypes-item {
+ position: relative;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: rgba(23, 26, 29, 0.40);
+ border: 1px solid #E5E6EB;
+ border-radius: 12rpx;
+ padding: 18rpx 0 10rpx;
+ position: relative;
+}
+
+.personTypes-item-active,
+.personTypes-item-active .personTypes-item-icon {
+ color: var(--main-color);
+ border: 1px solid #1a6fb8;
+}
+
+
+
+.personTypes-item-line {}
+
+.personTypes-item-hoverLine {
+ width: 168rpx;
+ border: 1px solid var(--main-color);
+}
+
+.personTypes-item-line {
+ width: 168rpx;
+ border: 1px solid #E5E6EB;
+}
+
+.personTypes-item-active .personTypes-item-number1 {
+ background-color: var(--main-color);
+ color: var(--white);
+}
+
+.personTypes-item-round {
+ position: relative;
+ width: 60rpx;
+ height: 60rpx;
+ color: #86909C;
+ margin-bottom: 8rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.personTypes-item-round image {
+ width: 100%;
+ height: 100%;
+}
+
+.personTypes-item-sueecss {
+ position: absolute;
+ right: 10rpx;
+ top: 10rpx;
+}
+
+.personTypes-item-icon {
+ position: absolute;
+ z-index: 889;
+ top: 50%;
+ margin-top: -24rpx;
+ right: -88rpx;
+ color: #cccccc;
}
.party-add,
@@ -22,10 +524,11 @@
color: var(--main-color);
}
-.party-noneAdd {
+
+
+.party-oneAdd {
flex: 1;
- padding-left: 32rpx;
- padding-right: 16rpx;
+ color: var(--main-color);
}
.popupMsg-draft {
@@ -96,19 +599,6 @@
.popupMsg-tab-card-item-active .popupMsg-tab-card-item-bg {
border-radius: 20rpx 20rpx 0px 0px;
background-color: #ffffff;
-}
-
-.popupMsg-form {
- background-color: #ffffff;
- padding: 8rpx 32rpx;
-}
-
-.popupMsg-form .cell {
- padding: 48rpx 0;
-}
-
-.popupMsg-form .cell-noPadding {
- margin-top: -48rpx;
}
.popupMsg-check {
@@ -183,7 +673,7 @@
right: 0;
display: flex;
padding: 32rpx var(--padding-my);
- background-color: var(--bg-color);
+ background-color: #fff;
z-index: 99;
}
@@ -197,14 +687,13 @@
}
.success-title {
- font-size: 34rpx;
- line-height: 50rpx;
- font-weight: 600;
+ font-size: 32rpx;
+ line-height: 48rpx;
padding: 32rpx 0;
}
.success-subTitle {
- width: 383rpx;
+ width: 498rpx;
color: var(--second-text-color);
margin: auto;
}
@@ -259,7 +748,13 @@
}
.success-link {
- color: #D1021C;
+ color: #fff;
+ width: 116px;
+ height: 36px;
+ background: #1a6fb8;
+ border-radius: 6px;
+ padding: 6px 26px;
+ margin-top: 32px;
}
.success-NewButton {
@@ -352,4 +847,55 @@
font-size: 12px;
color: #d1021c;
border-radius: 4px;
+}
+
+.popup-scroll {
+ height: 1100rpx;
+ width: 100%;
+ background-color: #ffffff;
+}
+
+.popup-scroll {
+ height: 1100rpx;
+ width: 100%;
+ background-color: #ffffff;
+}
+
+.popup-scroll-xz .van-popup--round {
+ width: 100%;
+ border-radius: 0 !important;
+}
+
+.popup-scroll-main {
+ display: flex;
+ flex-direction: column;
+}
+
+.popup-scroll-body {
+ flex: 1;
+}
+
+.popup-scroll-head {
+ text-align: center;
+ padding: 0 32rpx 16rpx;
+ border-bottom: 2rpx dashed rgba(126, 134, 142, 0.24);
+ margin-bottom: 24rpx;
+ font-size: 34rpx;
+}
+
+.popup-button {
+ padding: 32rpx 32rpx 24rpx;
+ margin-top: 24rpx;
+ border-top: 1rpx solid #E5E6EB;
+}
+
+.popup-button-no {
+ font-size: 28rpx;
+ text-align: center;
+ padding: 24rpx 0 0;
+ text-decoration: underline;
+}
+
+.textarea-Input .van-field__control--textarea {
+ min-height: 88px;
}
\ No newline at end of file
--
Gitblit v1.8.0