Merge branch 'feature-XianCH' into dev

src/app/[locale]/affiliate/faq/page.scss

@@ -1,13 +1,11 @@
 .vux-drawer-faq{
-.vux-drawer-faq {
     display: block;
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     min-height: 100vh;
-}
-.vux-drawer-faq>.vux-drawer-body {
+.vux-drawer-body {
     height: 100%;
     position: absolute;
     top: 0;
@@ -133,7 +131,7 @@
     margin-right: 0 !important;
     padding: 0 .04rem;
 }
-body .van-tabs.alginLeft .van-tab {
+.van-tabs.alginLeft .van-tab {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -188,10 +186,10 @@ body .van-tabs.alginLeft .van-tab {
     background-color: #ee0a24;
     border-radius: 3px;
 }
-.vux-drawer-faq>.vux-drawer-body>.drawer-mask, .vux-drawer-faq>.vux-drawer-content {
+.vux-drawer-body>.drawer-mask, .vux-drawer-content {
     height: 100vh;
 }
-.vux-drawer-faq>.vux-drawer-body>.drawer-mask {
+.vux-drawer-body>.drawer-mask {
     z-index: 9999;
     position: absolute;
     top: 0;

src/app/[locale]/affiliate/payments/page.scss

@@ -1,13 +1,11 @@
 .vux-drawer-payments{
-.vux-drawer-payments {
     display: block;
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     min-height: 100vh;
-}
-.vux-drawer-payments>.vux-drawer-body {
+.vux-drawer-body {
     height: 100%;
     position: absolute;
     top: 0;
@@ -133,7 +131,7 @@
     margin-right: 0 !important;
     padding: 0 .04rem;
 }
-body .van-tabs.alginLeft .van-tab {
+.van-tabs.alginLeft .van-tab {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -189,10 +187,10 @@ body .van-tabs.alginLeft .van-tab {
     background-color: #ee0a24;
     border-radius: 3px;
 }
-.vux-drawer-payments>.vux-drawer-body>.drawer-mask, .vux-drawer-payments>.vux-drawer-content {
+.vux-drawer-body>.drawer-mask, .vux-drawer-content {
     height: 100vh;
 }
-.vux-drawer-payments>.vux-drawer-body>.drawer-mask {
+.vux-drawer-body>.drawer-mask {
     z-index: 9999;
     position: absolute;
     top: 0;
@@ -256,7 +254,7 @@ body .van-tabs.alginLeft .van-tab {
     height: calc(100vh - 1.9rem);
     overflow: auto;
 }
-body .van-list__finished-text {
+.van-list__finished-text {
     font-size: .11rem;
 }
 .van-list__error-text, .van-list__finished-text, .van-list__loading {

src/app/[locale]/affiliate/referrals/page.scss

@@ -1,13 +1,11 @@
 .vux-drawer-referrals{
-.vux-drawer-referrals {
     display: block;
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     min-height: 100vh;
-}
-.vux-drawer-referrals>.vux-drawer-body {
+.vux-drawer-body {
     height: 100%;
     position: absolute;
     top: 0;
@@ -133,7 +131,7 @@
     margin-right: 0 !important;
     padding: 0 .04rem;
 }
-body .van-tabs.alginLeft .van-tab {
+.van-tabs.alginLeft .van-tab {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -188,10 +186,10 @@ body .van-tabs.alginLeft .van-tab {
     background-color: #ee0a24;
     border-radius: 3px;
 }
-.vux-drawer-referrals>.vux-drawer-body>.drawer-mask, .vux-drawer-referrals>.vux-drawer-content {
+.vux-drawer-body>.drawer-mask, .vux-drawer-content {
     height: 100vh;
 }
-.vux-drawer-referrals>.vux-drawer-body>.drawer-mask {
+.vux-drawer-body>.drawer-mask {
     z-index: 9999;
     position: absolute;
     top: 0;
@@ -295,7 +293,7 @@ body .van-tabs.alginLeft .van-tab {
     max-height: calc(100vh - 2.96rem);
     overflow: auto;
 }
-body .van-list__finished-text {
+.van-list__finished-text {
     font-size: .11rem;
 }
 .van-list__error-text, .van-list__finished-text, .van-list__loading {

src/app/[locale]/affiliate/report/page.scss

@@ -1,13 +1,11 @@
 .vux-drawer-report{
-.vux-drawer-report {
     display: block;
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     min-height: 100vh;
-}
-.vux-drawer-report>.vux-drawer-body {
+.vux-drawer-body {
     height: 100%;
     position: absolute;
     top: 0;
@@ -133,7 +131,7 @@
     margin-right: 0 !important;
     padding: 0 .04rem;
 }
-body .van-tabs.alginLeft .van-tab {
+.van-tabs.alginLeft .van-tab {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -188,10 +186,10 @@ body .van-tabs.alginLeft .van-tab {
     background-color: #ee0a24;
     border-radius: 3px;
 }
-.vux-drawer-report>.vux-drawer-body>.drawer-mask, .vux-drawer-report>.vux-drawer-content {
+.vux-drawer-body>.drawer-mask, .vux-drawer-content {
     height: 100vh;
 }
-.vux-drawer-report>.vux-drawer-body>.drawer-mask {
+.vux-drawer-body>.drawer-mask {
     z-index: 9999;
     position: absolute;
     top: 0;
@@ -255,7 +253,7 @@ body .van-tabs.alginLeft .van-tab {
     height: calc(100vh - 1.9rem);
     overflow: auto;
 }
-body .van-list__finished-text {
+.van-list__finished-text {
     font-size: .11rem;
 }
 .van-list__error-text, .van-list__finished-text, .van-list__loading {

src/app/[locale]/affiliate/summary/page.scss

@@ -1,4 +1,10 @@
 .vux-drawer-summary{
+    display: block;
+    position: relative;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-height: 100vh;
 .router-view{
     max-width: 4.02rem;
     width: 100vw;
@@ -7,15 +13,7 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
-.vux-drawer-summary {
-    display: block;
-    position: relative;
-    top: 0;
-    left: 0;
-    width: 100%;
-    min-height: 100vh;
-}
-.vux-drawer-summary>.vux-drawer-body {
+.vux-drawer-body {
     height: 100%;
     position: absolute;
     top: 0;
@@ -28,16 +26,16 @@
     transition: transform .38s ease-in-out, visibility .38s;
     transition: transform .38s ease-in-out, visibility .38s, -webkit-transform .38s ease-in-out;
 }
-.vux-drawer-summary>.vux-drawer-body>.drawer-mask, .vux-drawer-summary>.vux-drawer-content {
+.vux-drawer-body>.drawer-mask, .vux-drawer-content {
     height: 100vh;
 }
-.vux-drawer-summary>.drawer-left {
+.drawer-left {
     left: 0;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
 }
-.vux-drawer-summary>.vux-drawer-content {
+.vux-drawer-content {
     background-color: #fff;
     position: absolute;
     top: 0;
@@ -52,10 +50,10 @@
     transition: transform .38s ease-in-out, visibility .38s, -webkit-transform .38s ease-in-out;
     will-change: none;
 }
-.vux-drawer-summary>.vux-drawer-body>.drawer-mask{
+.vux-drawer-body>.drawer-mask{
     height: 100vh;
 }
-.vux-drawer-summary>.vux-drawer-body>.drawer-mask {
+.vux-drawer-body>.drawer-mask {
     z-index: 9999;
     position: absolute;
     top: 0;
@@ -146,7 +144,7 @@
     margin-right: 0 !important;
     padding: 0 .04rem;
 }
-body .van-tabs.alginLeft .van-tab{
+.van-tabs.alginLeft .van-tab{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;