Skip to content

J
jiedao-app-customer-new-master
Commit d2984a5e authored by lizhan's avatar lizhan
Browse files
Options

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

增加地址、会员信息相关内容
parent 01b87b02
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 884 additions and 758 deletions
src/pages/site/site.vue
View file @ d2984a5e
This diff is collapsed.
src/static/css/site.css
View file @ d2984a5e
page{
/* #ifdef H5 */
padding-top: 140upx;
/* #endif */
/* #ifdef APP-PLUS */
padding-top: calc(var(--status-bar-height) + 100upx);
/* #endif */
}
.items{
width: 90%;
margin: 0 auto 40upx;
background-color: var(--c0);
border-radius: 12upx;
page {
/* #ifdef H5 */
padding-top: 140upx;
/* #endif */
/* #ifdef APP-PLUS */
padding-top: calc(var(--status-bar-height) + 100upx);
/* #endif */
}
.items {
width: 90%;
margin: 0 auto 40upx;
background-color: var(--c0);
border-radius: 12upx;
}
.items-v {
padding: 0 30upx;
display: flex;
font-size: var(--f28);
color: var(--c3);
height: 120upx;
align-items: center;
}
.email{
font-size: var(--f26) !important;
}
.items-v image{
width: 44upx;
height: 42upx;
margin: 0 30upx 0 0;
}
.items-v-it{
width: 90%;
height: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid var(--ceb);
position: relative;
justify-content: space-between;
}
.noborder{
border: none;
}
.items-v-it-rt{
position: absolute;
right: 0;
font-size: var(--f24);
color: var(--c9);
border: 1px solid var(--c9);
padding: 4upx 12upx;
border-radius: 4upx;
}
.rgt{
position: absolute;
right: -30upx;
width: 20upx;
height: 30upx;
}
.rte6{
border: 1px solid var(--ce6);
color: var(--ce6);
}
.color36{
border: 1px solid var(--c036);
color: var(--c036);
}
.rte036{
border: 1px solid var(--c036);
color: var(--c036);
border-radius: 30upx;
padding: 6upx 20upx;
}
.footer{
width: 90%;
margin: 0 auto;
padding-bottom: 20upx;
}
.footer view{
width: 100%;
border-radius: 12upx;
padding: 20upx 0;
color: #fff;
text-align: center;
background-color: #1373eb;
margin-top: 40upx;
}
.login-item{
border-radius: 20upx;
background-color: #fff;
width: 86%;
margin: 0 auto;
padding: 3%;
margin-top: 30upx;
}
.login-v{
display: flex;
height: 100upx;
}
.login-v .vp-input{
/* color: var(--c0); */
/* caret-color: var(--c0); */
font-size: var(--f26);
}
.login-vs{
display: flex;
align-items: center;
font-size: var(--f30);
/* color: var(--c0); */
font-weight: 700;
margin-right: 20upx;
}
.login-vp{
width: 100%;
border-bottom: 1px solid #e0e0e0;
position: relative;
}
.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;
padding: 0 30upx;
display: flex;
font-size: var(--f28);
color: var(--c3);
height: 120upx;
align-items: center;
}
.email {
font-size: var(--f26) !important;
}
.items-v image {
width: 44upx;
height: 42upx;
margin: 0 30upx 0 0;
}
.items-v-it {
width: 90%;
height: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid var(--ceb);
position: relative;
justify-content: space-between;
}
.noborder {
border: none;
}
.items-v-it-rt {
position: absolute;
right: 0;
font-size: var(--f24);
color: var(--c9);
border: 1px solid var(--c9);
padding: 4upx 12upx;
border-radius: 4upx;
}
.rgt {
position: absolute;
right: -30upx;
width: 20upx;
height: 30upx;
}
.rte6 {
border: 1px solid var(--ce6);
color: var(--ce6);
}
.color36 {
border: 1px solid var(--c036);
color: var(--c036);
}
.rte036 {
border: 1px solid var(--c036);
color: var(--c036);
border-radius: 30upx;
padding: 6upx 20upx;
}
.footer {
width: 90%;
margin: 0 auto;
padding-bottom: 20upx;
}
.footer view {
width: 100%;
border-radius: 12upx;
padding: 20upx 0;
color: #fff;
text-align: center;
background-color: #1373eb;
margin-top: 40upx;
}
.login-item {
border-radius: 20upx;
background-color: #fff;
width: 86%;
margin: 0 auto;
padding: 3%;
margin-top: 30upx;
}
.login-v {
display: flex;
height: 100upx;
}
.login-v .vp-input {
/* color: var(--c0); */
/* caret-color: var(--c0); */
font-size: var(--f26);
}
.login-vs {
display: flex;
align-items: center;
font-size: var(--f30);
/* color: var(--c0); */
font-weight: 700;
margin-right: 20upx;
}
.login-vp {
width: 100%;
border-bottom: 1px solid #e0e0e0;
position: relative;
}
.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{
color:var(--c0);
} */
.vp-input{
margin-top: 30upx;
width: 86%;
font-size: var(--f26);
}
.login-btns{
margin-top: 40upx;
padding: 0 50upx;
display: flex;
align-items: center;
justify-content: space-around;
}
.login-btns view{
width: 40%;
height: 60upx;
border-radius: 100upx;
font-size: 30upx;
font-weight: 700;
display: flex;
justify-content: center;
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:last-child{
border: 1px solid #666;
color: #666;
}
.newpass_content{
width: 580upx;
background: #fff;
border-radius: 12upx;
padding: 20upx;
}
.newpss_title{
padding: 20upx;
font-size: 32upx;
font-weight: 600;
color: #333;
}
.ad-conten{
width: 580upx;
border-radius: 16upx;
background-image: url(../../static/img/index_pbg.png);
background-repeat: no-repeat;
background-size: 100%;
padding-top: 182upx;
padding-bottom: 20upx;
}
.ad-bg{
width: 60upx;
height: 60upx;
margin-top: -154upx;
margin-right: 14upx;
float: right;
}
.ad-title{
width: 100%;
text-align: center;
font-size: 40upx;
font-weight: 600;
}
.ad-btns{
width: 90%;
margin: 20rpx auto;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.ad-btn{
width: 90%;
color: #fff;
text-align: center;
padding: 40upx 0;
background-image: url(../../static/img/btn_bg.png);
background-size: 100%;
background-repeat: no-repeat;
}
.ad-btn view{
margin-top: -20upx;
font-size: 36upx;
}
.ad-info{
width: 92%;
margin: 20upx auto;
height: 260upx;
overflow: auto;
}
.es-btn{
width: 80%;
margin: 0 auto 20upx;
padding: 20upx 0;
color: #666;
font-size: 26upx;
}
.redtext{
font-size: 26upx;
color: #FF0000;
margin-left:12upx;
}
.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;
}
\ No newline at end of file
.vp-input {
margin-top: 30upx;
width: 86%;
font-size: var(--f26);
}
.login-btns {
margin-top: 40upx;
padding: 0 50upx;
display: flex;
align-items: center;
justify-content: space-around;
}
.login-btns view {
width: 40%;
height: 60upx;
border-radius: 100upx;
font-size: 30upx;
font-weight: 700;
display: flex;
justify-content: center;
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:last-child {
border: 1px solid #666;
color: #666;
}
.newpass_content {
width: 580upx;
background: #fff;
border-radius: 12upx;
padding: 20upx;
}
.newpss_title {
padding: 20upx;
font-size: 32upx;
font-weight: 600;
color: #333;
}
.ad-conten {
width: 580upx;
border-radius: 16upx;
background-image: url(../../static/img/index_pbg.png);
background-repeat: no-repeat;
background-size: 100%;
padding-top: 182upx;
padding-bottom: 20upx;
}
.ad-bg {
width: 60upx;
height: 60upx;
margin-top: -154upx;
margin-right: 14upx;
float: right;
}
.ad-title {
width: 100%;
text-align: center;
font-size: 40upx;
font-weight: 600;
}
.ad-btns {
width: 90%;
margin: 20rpx auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.ad-btn {
width: 90%;
color: #fff;
text-align: center;
padding: 40upx 0;
background-image: url(../../static/img/btn_bg.png);
background-size: 100%;
background-repeat: no-repeat;
}
.ad-btn view {
margin-top: -20upx;
font-size: 36upx;
}
.ad-info {
width: 92%;
margin: 20upx auto;
height: 260upx;
overflow: auto;
}
.es-btn {
width: 80%;
margin: 0 auto 20upx;
padding: 20upx 0;
color: #666;
font-size: 26upx;
}
.redtext {
font-size: 26upx;
color: #FF0000;
margin-left: 12upx;
}
.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;
}
src/static/lang/en.js
View file @ d2984a5e
......@@ -741,6 +741,8 @@ export default {
logOff: 'Log off',
offSuccess: 'Logged out successfully',
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'
}
}
src/static/lang/zh.js
View file @ d2984a5e
......@@ -741,6 +741,8 @@ export default {
controlPsd: '控货密码',
logOff: '注销当前账号',
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