AtModal中的Button组件样式在小程序端表现异常

[vivianus-chan]

请先确认

• 我已搜索并确定这个提交不是重复的

Taro 版本

v4

相关平台

• 所有平台
• Web 端（H5）
• 移动端（React-Native）
• 鸿蒙（Harmony）
• 鸿蒙容器（Harmony Hybrid）
• ASCF 元服务
• 快应用（QuickApp）
• 所有小程序
• 微信小程序
• 企业微信小程序
• 京东小程序
• 百度小程序
• 支付宝小程序
• 支付宝 IOT 小程序
• 头条小程序
• QQ 小程序
• 钉钉小程序
• 飞书小程序
• 快手小程序

小程序基础库版本

3.9.0

使用框架

React

问题描述

使用复现步骤中的代码，然后在微信开发者工具和真机的小程序模式中打开都显示如图效果

但是看官方taroui示例中同样的代码没有这个问题

复现链接

无

复现步骤

<AtModal isOpened> <AtModalHeader>标题</AtModalHeader> <AtModalContent>佳都科技四大金刚首付款几个发货几个点否</AtModalContent> <AtModalAction> <Button onClick={() => {}}>取消</Button>{" "} <Button onClick={() => {}}>确认</Button> </AtModalAction> </AtModal> 和<AtModal isOpened title="确定大概发光飞碟吗？" cancelText="取消" confirmText="确定" onClose={this.handleCancel.bind(this)} onCancel={this.handleCancel.bind(this)} onConfirm={this.handleConfirm.bind(this)} content="发给对方楷林国际电饭锅代发" />

环境信息

Taro CLI 4.1.4 environment info:
    System:
      OS: Windows 10 10.0.19044
    Binaries:
      Node: 18.20.8 - D:\nodejs\node.EXE
      npm: 10.8.2 - D:\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 4.1.4 => 4.1.4
      @tarojs/components: 4.1.4 => 4.1.4
      @tarojs/helper: 4.1.4 => 4.1.4
      @tarojs/plugin-framework-react: 4.1.4 => 4.1.4 
      @tarojs/plugin-platform-alipay: 4.1.4 => 4.1.4 
      @tarojs/plugin-platform-h5: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-jd: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-qq: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-swan: 4.1.4 => 4.1.4   
      @tarojs/plugin-platform-tt: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-weapp: 4.1.4 => 4.1.4  
      @tarojs/react: 4.1.4 => 4.1.4
      @tarojs/runtime: 4.1.4 => 4.1.4
      @tarojs/shared: 4.1.4 => 4.1.4
      @tarojs/taro: 4.1.4 => 4.1.4
      @tarojs/vite-runner: 4.1.4 => 4.1.4
      babel-preset-taro: 4.1.4 => 4.1.4
      eslint-config-taro: 4.1.4 => 4.1.4
      react: ^18.0.0 => 18.3.1
      taro-ui: ^3.2.1 => 3.3.0

贡献代码

• 我愿意修复这个错误。请参考 (贡献指南)