Taro-ui <AtTabs> 怎么设置向靠左对齐

图片说明
怎么设置里面的内容向左对齐

参考GPT和自己的思路:

您可以通过在组件中设置tabDirection属性为'horizontal',然后在组件中设置style属性将内容向左对齐。如下所示:

import { AtTabs, AtTabsPane } from 'taro-ui';

// ...

<AtTabs
  tabDirection='horizontal'
  // ...
>
  <AtTabsPane
    current={this.state.current}
    index={0}
    style={{ textAlign: 'left' }}
    // ...
  >
    // ...
  </AtTabsPane>
  // ...
</AtTabs>

在此示例中,我们将tabDirection属性设置为'horizontal',以便标签卡沿水平方向排列。然后,在第一个组件中,我们将style属性设置为{ textAlign: 'left' },以将其内容向左对齐。您可以在其他组件中采取类似的措施。