From 4f5446ffcf8a75788c11cdf17347fc50be3eb708 Mon Sep 17 00:00:00 2001 From: zhangjing1 Date: Wed, 3 Dec 2025 13:29:07 +0800 Subject: [PATCH] =?UTF-8?q?bug(custom):=20=E7=BF=BB=E8=BD=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/home/wgts/order-navigation.js | 2 +- src/style/rtl.scss | 128 +++++++++++++++++++++++- src/subpages/member/index.js | 2 +- 3 files changed, 127 insertions(+), 5 deletions(-) diff --git a/src/pages/home/wgts/order-navigation.js b/src/pages/home/wgts/order-navigation.js index 96ba96d5a..3b4b1caed 100644 --- a/src/pages/home/wgts/order-navigation.js +++ b/src/pages/home/wgts/order-navigation.js @@ -126,7 +126,7 @@ function WgtOrderNavigation(props) { onClick={() => handleClickLink('/subpages/trade/list?status=0')} > 全部订单 - + diff --git a/src/style/rtl.scss b/src/style/rtl.scss index 748c7c1b2..f8a6d9196 100644 --- a/src/style/rtl.scss +++ b/src/style/rtl.scss @@ -2,10 +2,21 @@ * RTL Support */ -.rtl-layout, [dir="rtl"] { +// 全局 RTL 支持:应用到所有页面容器 +.rtl-layout, +[dir="rtl"], +[dir="rtl"] page, +[dir="rtl"] view, +page.rtl-layout, +view.rtl-layout { direction: rtl; text-align: right; + // 确保所有子元素也应用 RTL + > * { + direction: rtl; + } + .text-left { text-align: right; } @@ -23,11 +34,11 @@ } // Fix Taro UI icons if needed (example) - .at-icon-chevron-right { + .at-icon-chevron-right,.icon-arrowRight,.icon-arrowRight-img { transform: rotate(180deg); } - .at-icon-chevron-left { + .at-icon-chevron-left,.icon-arrowLeft,.icon-arrowLeft-img { transform: rotate(180deg); } @@ -39,5 +50,116 @@ .justify-end { justify-content: flex-end; // In RTL, end is left } + + // Header block RTL fixes + .header-block { + .user-avatar { + left: auto !important; + right: 36px !important; + } + + .user-details { + margin-left: 0 !important; + margin-right: 198px !important; + } + + .qr-code-btn { + right: auto !important; + left: 0px !important; + border-top-right-radius: 0 !important; + border-top-left-radius: 16px !important; + } + + .icon-erweima-01 { + right: auto !important; + left: 24px !important; + } + + .qr-code { + right: auto !important; + left: 24px !important; + } + + .member-level-bg { + right: auto !important; + left: 0 !important; + } + + .qr-code-btn-left { + left: auto !important; + right: 0 !important; + } + + .user-info-card { + left: 24px !important; + right: 24px !important; + } + + .user-vip-wrapper { + margin-left: 0 !important; + margin-right: -8px !important; + } + } + + // Purchase member header block + .page-purchase-member { + .header-block { + .usericon { + margin-right: 0 !important; + margin-left: 20px !important; + } + + .icon-erweima-01 { + right: auto !important; + left: 24px !important; + } + } + + .header-hd { + &__body { + margin-top: 20px; + } + } + + .order-bradge { + right: auto !important; + left: 45px !important; + } + + .purchase-order-bradge { + left: 70px !important; + } + } + + // Purchase share header block + .page-purchase-index { + .header-block { + .usericon { + margin-right: 0 !important; + margin-left: 20px !important; + } + + .icon-erweima-01 { + right: auto !important; + left: 24px !important; + } + } + } + + // Distribution goods page RTL fixes + .page-distribution-shop { + .goods-list { + &__toolbar { + left: auto !important; + right: 0 !important; + } + } + + .drawer-footer { + right: auto !important; + left: 0 !important; + } + } + } diff --git a/src/subpages/member/index.js b/src/subpages/member/index.js index 5241df5b1..a2afee381 100644 --- a/src/subpages/member/index.js +++ b/src/subpages/member/index.js @@ -435,7 +435,7 @@ function MemberIndex(props) { }[vipInfo.isVip] } - + ) }