From 75c63ae6c5cb34c777c9fb3b375379952f7995b4 Mon Sep 17 00:00:00 2001
From: litian <C21AF165>
Date: 星期五, 12 四月 2024 20:45:13 +0800
Subject: [PATCH] css

---
 packagePersonal/pages/userSetting/index.wxss |  116 +++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 91 insertions(+), 25 deletions(-)

diff --git a/packagePersonal/pages/userSetting/index.wxss b/packagePersonal/pages/userSetting/index.wxss
index e5530ca..897f9ac 100644
--- a/packagePersonal/pages/userSetting/index.wxss
+++ b/packagePersonal/pages/userSetting/index.wxss
@@ -15,22 +15,24 @@
   font-weight: bold;
   width: 180rpx;
   font-size: 32rpx;
+  color: #333333;
 }
 
 .contentImg {
   height: 120rpx;
   width: 120rpx;
-  flex: 1;
-  text-align: right;
-  margin-right: 20rpx;
+  /* flex: 1; */
+  margin-right: 15rpx;
+  margin-left: auto;
 }
 
-.user-center-card__header__avatar {
-  width: 120rpx;
+.t-image {
   height: 120rpx;
-  border-radius: 48rpx;
-  overflow: hidden;
+  width: 120rpx;
+  border-radius: 50% !important;
+  overflow: hidden !important;
 }
+
 
 .iconEdit {
   padding: 40rpx 0;
@@ -49,50 +51,59 @@
   border-top-right-radius: 16rpx;
 }
 
-.block .body {
+.row-info .body {
   padding: 40rpx;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
 }
 
-.block .body .from-item {
+.row-info .body .from-item {
   margin-bottom: 20rpx;
-  display: flex;
   align-items: center;
 }
 
-.block .body .from-item .label {
-  width: 200rpx;
-  height: 72rpx;
-  line-height: 72rpx;
+.row-info .body .from-item .label {
+  min-width: 100rpx;
+  height: 60rpx;
+  line-height: 60rpx;
   font-size: 32rpx;
 }
 
-.block .body .from-item .item-content {
-  padding: 10rpx;
+.row-info .body .from-item .item-content {
   flex: 1;
   display: flex;
 }
 
 .inputBox1 {
-  height: 72rpx;
   border: 2rpx solid #D9D9D9;
   flex: 1;
 }
 
-.inputBox1 .t-input {
-  width: 440rpx !important;
+
+
+.block {
+  position: relative;
+  width: 600rpx;
+  min-height: 500rpx;
+  padding: 20rpx 0;
+  background: #fff;
+  border-radius: 16rpx;
 }
 
-.block .body .inputBox {
-  width: 250rpx;
-  height: 72rpx;
+
+.row-info .body {
+  min-height: 200rpx;
+}
+
+.row-info .body .inputBox {
+  width: 300rpx;
   border: 2rpx solid #D9D9D9;
 }
 
 .t-input {
   padding: 10rpx !important;
+}
+
+.t-input__placeholder {
+  font-size: 28rpx !important;
 }
 
 .imgCode {
@@ -125,4 +136,59 @@
   background: #ff6c00;
   color: #fff;
   border-radius: 50rpx;
+}
+
+.close-btn {
+  position: absolute;
+  left: 50%;
+  margin-left: -32rpx;
+  bottom: calc(-1 * (48rpx + 64rpx));
+}
+
+.popup-box {
+  position: absolute;
+  z-index: 99;
+  top: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+}
+
+.info-center {
+  position: fixed;
+  z-index: 999;
+  background-color: white;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10rpx;
+  width: 80%;
+  margin-left: 10%;
+  margin-right: 10%;
+}
+
+.row-btn {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-top: 1rpx solid #f1f1f1;
+}
+
+.row-btn view {
+  flex: 1;
+  text-align: center;
+  margin: 20rpx 10%;
+  padding: 12rpx 0;
+  font-size: 32rpx;
+  border-radius: 10rpx;
+}
+
+.left-btn {
+  background-color: #f1f1f1;
+  color: #5C5C5C;
+}
+
+.right-btn {
+  background-color: #ff6c00;
+  color: white;
 }
\ No newline at end of file

--
Gitblit v1.9.1