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

增加地址、会员信息相关内容

src/static/css/site.css

-page{
+page {
   /* #ifdef H5 */
   padding-top: 140upx;
   /* #endif */
@@ -6,13 +6,15 @@ page{
   padding-top: calc(var(--status-bar-height) + 100upx);
   /* #endif */
 }
-.items{
+
+.items {
   width: 90%;
   margin: 0 auto 40upx;
   background-color: var(--c0);
   border-radius: 12upx;
 
 }
+
 .items-v {
   padding: 0 30upx;
   display: flex;
@@ -21,15 +23,18 @@ page{
   height: 120upx;
   align-items: center;
 }
-.email{
+
+.email {
   font-size: var(--f26) !important;
 }
-.items-v image{
+
+.items-v image {
   width: 44upx;
   height: 42upx;
   margin: 0 30upx 0 0;
 }
-.items-v-it{
+
+.items-v-it {
   width: 90%;
   height: 100%;
   display: flex;
@@ -38,10 +43,12 @@ page{
   position: relative;
   justify-content: space-between;
 }
-.noborder{
+
+.noborder {
   border: none;
 }
-.items-v-it-rt{
+
+.items-v-it-rt {
   position: absolute;
   right: 0;
   font-size: var(--f24);
@@ -50,32 +57,38 @@ page{
   padding: 4upx 12upx;
   border-radius: 4upx;
 }
-.rgt{
+
+.rgt {
   position: absolute;
   right: -30upx;
   width: 20upx;
   height: 30upx;
 }
-.rte6{
+
+.rte6 {
   border: 1px solid var(--ce6);
   color: var(--ce6);
 }
-.color36{
+
+.color36 {
   border: 1px solid var(--c036);
   color: var(--c036);
 }
-.rte036{
+
+.rte036 {
   border: 1px solid var(--c036);
   color: var(--c036);
   border-radius: 30upx;
   padding: 6upx 20upx;
 }
-.footer{
+
+.footer {
   width: 90%;
   margin: 0 auto;
   padding-bottom: 20upx;
 }
-.footer view{
+
+.footer view {
   width: 100%;
   border-radius: 12upx;
   padding: 20upx 0;
@@ -84,7 +97,8 @@ page{
   background-color: #1373eb;
   margin-top: 40upx;
 }
-.login-item{
+
+.login-item {
   border-radius: 20upx;
   background-color: #fff;
   width: 86%;
@@ -92,16 +106,19 @@ page{
   padding: 3%;
   margin-top: 30upx;
 }
-.login-v{
+
+.login-v {
   display: flex;
   height: 100upx;
 }
-.login-v .vp-input{
+
+.login-v .vp-input {
   /* color: var(--c0); */
   /* caret-color: var(--c0); */
   font-size: var(--f26);
 }
-.login-vs{
+
+.login-vs {
   display: flex;
   align-items: center;
   font-size: var(--f30);
@@ -109,15 +126,18 @@ page{
   font-weight: 700;
   margin-right: 20upx;
 }
-.login-vp{
+
+.login-vp {
   width: 100%;
   border-bottom: 1px solid #e0e0e0;
   position: relative;
 }
-.login-phone{
+
+.login-phone {
   display: flex;
 }
-.login-phone .login-area{
+
+.login-phone .login-area {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -130,26 +150,29 @@ page{
   margin-right: 20upx;
   font-size: var(--f26);
 }
-.login-phone .login-area text{
+
+.login-phone .login-area text {
   margin-right: 10upx;
 }
+
 /* .vp-input::input-placeholder{
 	color:var(--c0);
 } */
-.vp-input{
+.vp-input {
   margin-top: 30upx;
   width: 86%;
   font-size: var(--f26);
 }
 
-.login-btns{
+.login-btns {
   margin-top: 40upx;
   padding: 0 50upx;
   display: flex;
   align-items: center;
   justify-content: space-around;
 }
-.login-btns view{
+
+.login-btns view {
   width: 40%;
   height: 60upx;
   border-radius: 100upx;
@@ -160,27 +183,32 @@ page{
   align-items: center;
   margin-bottom: 20upx;
 }
-.login-btns view:first-child{
+
+.login-btns view:first-child {
   background: linear-gradient(0deg, #2878E0 0%, #016EF6 100%);
   color: var(--c0);
 }
-.login-btns view:last-child{
+
+.login-btns view:last-child {
   border: 1px solid #666;
   color: #666;
 }
-.newpass_content{
+
+.newpass_content {
   width: 580upx;
   background: #fff;
   border-radius: 12upx;
   padding: 20upx;
 }
-.newpss_title{
+
+.newpss_title {
   padding: 20upx;
   font-size: 32upx;
   font-weight: 600;
   color: #333;
 }
-.ad-conten{
+
+.ad-conten {
   width: 580upx;
   border-radius: 16upx;
   background-image: url(../../static/img/index_pbg.png);
@@ -189,28 +217,32 @@ page{
   padding-top: 182upx;
   padding-bottom: 20upx;
 }
-.ad-bg{
+
+.ad-bg {
   width: 60upx;
   height: 60upx;
   margin-top: -154upx;
   margin-right: 14upx;
   float: right;
 }
-.ad-title{
+
+.ad-title {
   width: 100%;
   text-align: center;
   font-size: 40upx;
   font-weight: 600;
 }
-.ad-btns{
+
+.ad-btns {
   width: 90%;
   margin: 20rpx auto;
-	display:flex;
+  display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
 }
-.ad-btn{
+
+.ad-btn {
   width: 90%;
   color: #fff;
   text-align: center;
@@ -219,39 +251,50 @@ page{
   background-size: 100%;
   background-repeat: no-repeat;
 }
-.ad-btn view{
+
+.ad-btn view {
   margin-top: -20upx;
   font-size: 36upx;
 }
-.ad-info{
+
+.ad-info {
   width: 92%;
   margin: 20upx auto;
   height: 260upx;
   overflow: auto;
 }
-.es-btn{
+
+.es-btn {
   width: 80%;
   margin: 0 auto 20upx;
   padding: 20upx 0;
   color: #666;
   font-size: 26upx;
 }
-.redtext{
+
+.redtext {
   font-size: 26upx;
   color: #FF0000;
-	margin-left:12upx;
+  margin-left: 12upx;
 }
-.progress{
+
+.progress {
   width: 80%;
   margin: 20upx auto;
 }
-.footer2{
+
+.footer2 {
   padding: 20px;
 }
-.logoff{
+
+.logoff {
   margin-bottom: 50rpx;
   margin-top: 10px !important;
-	text-align:center;
+  text-align: center;
   font-size: 12px;
   color: #666;
 }
+
+.items-v-it .text {
+  color: #666;
+}

src/static/lang/en.js

@@ -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

@@ -741,6 +741,8 @@ export default {
     controlPsd: '控货密码',
     logOff: '注销当前账号',
     offSuccess: '注销成功',
-    logNotice: '您确定要注销吗？注销后账号相关所有数据都会被删除，且无法恢复，您确定注销吗？'
+    logNotice: '您确定要注销吗？注销后账号相关所有数据都会被删除，且无法恢复，您确定注销吗？',
+    vip: '会员等级',
+    address: '地址信息'
   }
 }