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

Question

怎么设置里面的内容向左对齐

Answer 1

参考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' }，以将其内容向左对齐。您可以在其他组件中采取类似的措施。