bug(custom): 翻转

This commit is contained in:
zhangjing1
2025-12-03 13:29:07 +08:00
parent 154ca77b3c
commit 4f5446ffcf
3 changed files with 127 additions and 5 deletions

View File

@@ -126,7 +126,7 @@ function WgtOrderNavigation(props) {
onClick={() => handleClickLink('/subpages/trade/list?status=0')}
>
<Text>全部订单</Text>
<SpImage src='fv_chevron_right.png' width={40} />
<SpImage src='fv_chevron_right.png' width={40} className='icon-arrowRight-img' />
</View>
</View>
</View>

View File

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

View File

@@ -435,7 +435,7 @@ function MemberIndex(props) {
}[vipInfo.isVip]
}
</Text>
<SpImage src='fv_chevron_right.png' width={40} />
<SpImage src='fv_chevron_right.png' width={40} className='icon-arrowRight-img' />
</View>
)
}