forked from gzzfw/frontEnd/gzDyh

zhangyongtian
2024-09-13 cf88306b1f6aade9f0c6c4fa5859872d3f177c4a
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,51 @@
  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;
}