From ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期三, 26 六月 2024 15:02:28 +0800 Subject: [PATCH] 小程序,教材,课程 --- packagePersonal/pages/userSetting/index.wxss | 117 +++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 95 insertions(+), 22 deletions(-) diff --git a/packagePersonal/pages/userSetting/index.wxss b/packagePersonal/pages/userSetting/index.wxss index 490dc08..6b80c15 100644 --- a/packagePersonal/pages/userSetting/index.wxss +++ b/packagePersonal/pages/userSetting/index.wxss @@ -11,26 +11,32 @@ justify-content: space-between !important; } +.itemList:nth-child(1) { + padding: 16rpx 30rpx !important; +} + .itemList .label { font-weight: bold; width: 180rpx; - font-size: 32rpx; + font-size: 29rpx; + 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; @@ -39,7 +45,7 @@ .content { flex: 1; color: #5C5C5C; - font-size: 32rpx; + font-size: 29rpx; } .block { @@ -49,36 +55,41 @@ border-top-right-radius: 16rpx; } -.block .body { +.row-info .body { padding: 40rpx; } -.block .body .from-item { +.row-info .body .from-item { margin-bottom: 20rpx; align-items: center; } -.block .body .from-item .label { +.row-info .body .from-item .label { min-width: 100rpx; height: 60rpx; line-height: 60rpx; font-size: 32rpx; } -.block .body .from-item .item-content { +.row-info .body .from-item .item-content { flex: 1; display: flex; + } .inputBox1 { - height: 72rpx; border: 2rpx solid #D9D9D9; flex: 1; + width: 100%; + } -.inputBox1 .t-input { - width: 380rpx !important; +.outsideInputBox1 { + display: flex; + flex-direction: column; + width: 100%; } + .block { position: relative; @@ -90,13 +101,12 @@ } -.block .body { - min-height: 280rpx; +.row-info .body { + min-height: 200rpx; } -.block .body .inputBox { +.row-info .body .inputBox { width: 300rpx; - height: 72rpx; border: 2rpx solid #D9D9D9; } @@ -121,12 +131,23 @@ .btn { width: 190rpx; - height: 72rpx; + height: 76rpx; padding: 0 10rpx !important; background: #ff6c00; - border: 2rpx solid #ff6c00; + /* border: 2rpx solid #ff6c00; */ + /* padding: 0 2rpx; */ color: #fff; font-size: 28rpx; +} + +.disabled { + width: 190rpx; + height: 76rpx; + background: #ccc; + color: #000; + cursor: not-allowed; + font-size: 28rpx; + padding: 0 10rpx !important; } .footer { @@ -145,4 +166,56 @@ 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; +} + +.t-input--default+.t-input__tips { + color: var(--td-input-default-tips-color, var(--td-font-gray-3, rgba(229, 62, 48))) !important; } \ No newline at end of file -- Gitblit v1.9.1