样式优化
This commit is contained in:
@@ -14,7 +14,7 @@
|
||||
|
||||
.edit_modal_container {
|
||||
width: 100%;
|
||||
background: #FAFAFA;
|
||||
background: #fafafa;
|
||||
border-radius: 20px 20px 0px 0px;
|
||||
animation: slideUp 0.3s ease-out;
|
||||
}
|
||||
@@ -38,7 +38,7 @@
|
||||
// border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
||||
|
||||
.modal_title {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
line-height: 1.27em;
|
||||
@@ -52,7 +52,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #FFFFFF;
|
||||
background: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
@@ -86,7 +86,6 @@
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
|
||||
@@ -94,13 +93,12 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
background: #FFFFFF;
|
||||
background: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
border-radius: 12px;
|
||||
padding: 10px 16px;
|
||||
box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
|
||||
|
||||
|
||||
// 名字输入时的容器样式
|
||||
&:has(.nickname_input) {
|
||||
min-height: 40px;
|
||||
@@ -108,7 +106,7 @@
|
||||
|
||||
.text_input {
|
||||
flex: 1;
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
@@ -140,14 +138,14 @@
|
||||
align-items: center;
|
||||
|
||||
.count_text {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 1.71em;
|
||||
color: rgba(60, 60, 67, 0.3);
|
||||
|
||||
&.un-valid {
|
||||
color: #FF3B30;
|
||||
color: #ff3b30;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -157,14 +155,14 @@
|
||||
padding: 0px 8px;
|
||||
|
||||
.validation_text {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 1.5em;
|
||||
color: rgba(60, 60, 67, 0.6);
|
||||
|
||||
&.illegal {
|
||||
color: #FF3B30;
|
||||
color: #ff3b30;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -175,6 +173,7 @@
|
||||
padding: 8px 10px 20px;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
padding-bottom: max(10px, env(safe-area-inset-bottom));
|
||||
|
||||
.save_button {
|
||||
flex: 1;
|
||||
@@ -196,11 +195,11 @@
|
||||
}
|
||||
|
||||
.save_text {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 1.4em;
|
||||
color: #fff
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:active {
|
||||
|
||||
@@ -187,13 +187,13 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
|
||||
}
|
||||
if (field === "nickname") {
|
||||
if (!is_current_user) return;
|
||||
if (!nickname_change_status.can_change) {
|
||||
return Taro.showToast({
|
||||
title: `30天内仅可修改4次昵称,${nickname_change_status.next_period_start_date}后可修改`,
|
||||
icon: "none",
|
||||
duration: 2000,
|
||||
});
|
||||
}
|
||||
// if (!nickname_change_status.can_change) {
|
||||
// return Taro.showToast({
|
||||
// title: `30天内仅可修改4次昵称,${nickname_change_status.next_period_start_date}后可修改`,
|
||||
// icon: "none",
|
||||
// duration: 2000,
|
||||
// });
|
||||
// }
|
||||
// 手动输入
|
||||
setShowGuideBar(false);
|
||||
setEditingField(field);
|
||||
|
||||
Reference in New Issue
Block a user