mirror of
https://gitee.com/ShopeX/ECShopX_mobile-frontend
synced 2026-08-11 22:15:32 +08:00
bug(custom): 翻转
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user