Commit d2984a5e authored by lizhan's avatar lizhan

📝 【TASK-20240806-02】TASK:APP设置页面信息修改

增加地址、会员信息相关内容
parent 01b87b02
This diff is collapsed.
page{ page {
/* #ifdef H5 */ /* #ifdef H5 */
padding-top: 140upx; padding-top: 140upx;
/* #endif */ /* #endif */
/* #ifdef APP-PLUS */ /* #ifdef APP-PLUS */
padding-top: calc(var(--status-bar-height) + 100upx); padding-top: calc(var(--status-bar-height) + 100upx);
/* #endif */ /* #endif */
}
.items{
width: 90%;
margin: 0 auto 40upx;
background-color: var(--c0);
border-radius: 12upx;
} }
.items {
width: 90%;
margin: 0 auto 40upx;
background-color: var(--c0);
border-radius: 12upx;
}
.items-v { .items-v {
padding: 0 30upx; padding: 0 30upx;
display: flex; display: flex;
font-size: var(--f28); font-size: var(--f28);
color: var(--c3); color: var(--c3);
height: 120upx; height: 120upx;
align-items: center; align-items: center;
} }
.email{
font-size: var(--f26) !important; .email {
} font-size: var(--f26) !important;
.items-v image{ }
width: 44upx;
height: 42upx; .items-v image {
margin: 0 30upx 0 0; width: 44upx;
} height: 42upx;
.items-v-it{ margin: 0 30upx 0 0;
width: 90%; }
height: 100%;
display: flex; .items-v-it {
align-items: center; width: 90%;
border-bottom: 1px solid var(--ceb); height: 100%;
position: relative; display: flex;
justify-content: space-between; align-items: center;
} border-bottom: 1px solid var(--ceb);
.noborder{ position: relative;
border: none; justify-content: space-between;
} }
.items-v-it-rt{
position: absolute; .noborder {
right: 0; border: none;
font-size: var(--f24); }
color: var(--c9);
border: 1px solid var(--c9); .items-v-it-rt {
padding: 4upx 12upx; position: absolute;
border-radius: 4upx; right: 0;
} font-size: var(--f24);
.rgt{ color: var(--c9);
position: absolute; border: 1px solid var(--c9);
right: -30upx; padding: 4upx 12upx;
width: 20upx; border-radius: 4upx;
height: 30upx; }
}
.rte6{ .rgt {
border: 1px solid var(--ce6); position: absolute;
color: var(--ce6); right: -30upx;
} width: 20upx;
.color36{ height: 30upx;
border: 1px solid var(--c036); }
color: var(--c036);
} .rte6 {
.rte036{ border: 1px solid var(--ce6);
border: 1px solid var(--c036); color: var(--ce6);
color: var(--c036); }
border-radius: 30upx;
padding: 6upx 20upx; .color36 {
} border: 1px solid var(--c036);
.footer{ color: var(--c036);
width: 90%; }
margin: 0 auto;
padding-bottom: 20upx; .rte036 {
} border: 1px solid var(--c036);
.footer view{ color: var(--c036);
width: 100%; border-radius: 30upx;
border-radius: 12upx; padding: 6upx 20upx;
padding: 20upx 0; }
color: #fff;
text-align: center; .footer {
background-color: #1373eb; width: 90%;
margin-top: 40upx; margin: 0 auto;
} padding-bottom: 20upx;
.login-item{ }
border-radius: 20upx;
background-color: #fff; .footer view {
width: 86%; width: 100%;
margin: 0 auto; border-radius: 12upx;
padding: 3%; padding: 20upx 0;
margin-top: 30upx; color: #fff;
} text-align: center;
.login-v{ background-color: #1373eb;
display: flex; margin-top: 40upx;
height: 100upx; }
}
.login-v .vp-input{ .login-item {
/* color: var(--c0); */ border-radius: 20upx;
/* caret-color: var(--c0); */ background-color: #fff;
font-size: var(--f26); width: 86%;
} margin: 0 auto;
.login-vs{ padding: 3%;
display: flex; margin-top: 30upx;
align-items: center; }
font-size: var(--f30);
/* color: var(--c0); */ .login-v {
font-weight: 700; display: flex;
margin-right: 20upx; height: 100upx;
} }
.login-vp{
width: 100%; .login-v .vp-input {
border-bottom: 1px solid #e0e0e0; /* color: var(--c0); */
position: relative; /* caret-color: var(--c0); */
} font-size: var(--f26);
.login-phone{ }
display: flex;
} .login-vs {
.login-phone .login-area{ display: flex;
display: flex; align-items: center;
align-items: center; font-size: var(--f30);
justify-content: center; /* color: var(--c0); */
font-size: var(--f30); font-weight: 700;
/* background-color: #27417C; */ margin-right: 20upx;
border-radius: 60upx; }
height: 50upx;
margin-top: 30upx; .login-vp {
padding: 0 10upx; width: 100%;
margin-right: 20upx; border-bottom: 1px solid #e0e0e0;
font-size: var(--f26); position: relative;
} }
.login-phone .login-area text{
margin-right: 10upx; .login-phone {
display: flex;
}
.login-phone .login-area {
display: flex;
align-items: center;
justify-content: center;
font-size: var(--f30);
/* background-color: #27417C; */
border-radius: 60upx;
height: 50upx;
margin-top: 30upx;
padding: 0 10upx;
margin-right: 20upx;
font-size: var(--f26);
}
.login-phone .login-area text {
margin-right: 10upx;
} }
/* .vp-input::input-placeholder{ /* .vp-input::input-placeholder{
color:var(--c0); color:var(--c0);
} */ } */
.vp-input{ .vp-input {
margin-top: 30upx; margin-top: 30upx;
width: 86%; width: 86%;
font-size: var(--f26); font-size: var(--f26);
} }
.login-btns{ .login-btns {
margin-top: 40upx; margin-top: 40upx;
padding: 0 50upx; padding: 0 50upx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.login-btns view{
width: 40%; .login-btns view {
height: 60upx; width: 40%;
border-radius: 100upx; height: 60upx;
font-size: 30upx; border-radius: 100upx;
font-weight: 700; font-size: 30upx;
display: flex; font-weight: 700;
justify-content: center; display: flex;
align-items: center; justify-content: center;
margin-bottom: 20upx; align-items: center;
} margin-bottom: 20upx;
.login-btns view:first-child{ }
background: linear-gradient(0deg, #2878E0 0%, #016EF6 100%);
color: var(--c0); .login-btns view:first-child {
} background: linear-gradient(0deg, #2878E0 0%, #016EF6 100%);
.login-btns view:last-child{ color: var(--c0);
border: 1px solid #666; }
color: #666;
} .login-btns view:last-child {
.newpass_content{ border: 1px solid #666;
width: 580upx; color: #666;
background: #fff; }
border-radius: 12upx;
padding: 20upx; .newpass_content {
} width: 580upx;
.newpss_title{ background: #fff;
padding: 20upx; border-radius: 12upx;
font-size: 32upx; padding: 20upx;
font-weight: 600; }
color: #333;
} .newpss_title {
.ad-conten{ padding: 20upx;
width: 580upx; font-size: 32upx;
border-radius: 16upx; font-weight: 600;
background-image: url(../../static/img/index_pbg.png); color: #333;
background-repeat: no-repeat; }
background-size: 100%;
padding-top: 182upx; .ad-conten {
padding-bottom: 20upx; width: 580upx;
} border-radius: 16upx;
.ad-bg{ background-image: url(../../static/img/index_pbg.png);
width: 60upx; background-repeat: no-repeat;
height: 60upx; background-size: 100%;
margin-top: -154upx; padding-top: 182upx;
margin-right: 14upx; padding-bottom: 20upx;
float: right; }
}
.ad-title{ .ad-bg {
width: 100%; width: 60upx;
text-align: center; height: 60upx;
font-size: 40upx; margin-top: -154upx;
font-weight: 600; margin-right: 14upx;
} float: right;
.ad-btns{ }
width: 90%;
margin: 20rpx auto; .ad-title {
display:flex; width: 100%;
flex-direction: column; text-align: center;
align-items: center; font-size: 40upx;
justify-content: space-between; font-weight: 600;
} }
.ad-btn{
width: 90%; .ad-btns {
color: #fff; width: 90%;
text-align: center; margin: 20rpx auto;
padding: 40upx 0; display: flex;
background-image: url(../../static/img/btn_bg.png); flex-direction: column;
background-size: 100%; align-items: center;
background-repeat: no-repeat; justify-content: space-between;
} }
.ad-btn view{
margin-top: -20upx; .ad-btn {
font-size: 36upx; width: 90%;
} color: #fff;
.ad-info{ text-align: center;
width: 92%; padding: 40upx 0;
margin: 20upx auto; background-image: url(../../static/img/btn_bg.png);
height: 260upx; background-size: 100%;
overflow: auto; background-repeat: no-repeat;
} }
.es-btn{
width: 80%; .ad-btn view {
margin: 0 auto 20upx; margin-top: -20upx;
padding: 20upx 0; font-size: 36upx;
color: #666; }
font-size: 26upx;
} .ad-info {
.redtext{ width: 92%;
font-size: 26upx; margin: 20upx auto;
color: #FF0000; height: 260upx;
margin-left:12upx; overflow: auto;
} }
.progress{
width: 80%; .es-btn {
margin: 20upx auto; width: 80%;
} margin: 0 auto 20upx;
.footer2{ padding: 20upx 0;
padding: 20px; color: #666;
} font-size: 26upx;
.logoff{ }
margin-bottom: 50rpx;
margin-top: 10px !important; .redtext {
text-align:center; font-size: 26upx;
font-size: 12px; color: #FF0000;
color: #666; margin-left: 12upx;
} }
\ No newline at end of file
.progress {
width: 80%;
margin: 20upx auto;
}
.footer2 {
padding: 20px;
}
.logoff {
margin-bottom: 50rpx;
margin-top: 10px !important;
text-align: center;
font-size: 12px;
color: #666;
}
.items-v-it .text {
color: #666;
}
...@@ -741,6 +741,8 @@ export default { ...@@ -741,6 +741,8 @@ export default {
logOff: 'Log off', logOff: 'Log off',
offSuccess: 'Logged out successfully', offSuccess: 'Logged out successfully',
logNotice: logNotice:
'Are you sure you want to log out? After cancellation, all data related to the account will be deleted and cannot be restored. Are you sure to cancel?' 'Are you sure you want to log out? After cancellation, all data related to the account will be deleted and cannot be restored. Are you sure to cancel?',
vip: 'membership tiers',
address: 'address information'
} }
} }
...@@ -741,6 +741,8 @@ export default { ...@@ -741,6 +741,8 @@ export default {
controlPsd: '控货密码', controlPsd: '控货密码',
logOff: '注销当前账号', logOff: '注销当前账号',
offSuccess: '注销成功', offSuccess: '注销成功',
logNotice: '您确定要注销吗?注销后账号相关所有数据都会被删除,且无法恢复,您确定注销吗?' logNotice: '您确定要注销吗?注销后账号相关所有数据都会被删除,且无法恢复,您确定注销吗?',
vip: '会员等级',
address: '地址信息'
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment