Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

radio组件 direction="horizontal"无效(目测是.nut-radiogroup--horizontal样式漏了) #759

Closed
CaniceZ opened this issue Mar 2, 2023 · 1 comment · Fixed by #765
Milestone

Comments

@CaniceZ
Copy link
Contributor

CaniceZ commented Mar 2, 2023

NutUI scenes(nutui 场景)

小程序(@nutui/nutui-react-taro)

NutUI-react version(nutui-react 版本)

1.4.9

React version(react 版本)

18.2.0

Operating environment(运行环境)

dev:weapp

Citation method(引用方式)

npm

Node version(node 版本)

14.17.0

Browser and its version(浏览器及其版本)

x

System and its version(系统及其版本)

x

Taro environmental information(taro 环境信息)

x

Reproduction link(重现链接)

nutui.jd.com/taro/react/1x/

Steps to reproduce(重现步骤)

cv官网案例不生效

What is expected?(期望的结果是什么?)

能正常水平

What is actually happening?(实际的结果是什么?)

不能正常水平展示

@AnteeHub
Copy link
Contributor

AnteeHub commented Mar 3, 2023

NutUI scenes(nutui 场景)

小程序(@nutui/nutui-react-taro)

NutUI-react version(nutui-react 版本)

1.4.9

React version(react 版本)

18.2.0

Operating environment(运行环境)

dev:weapp

Citation method(引用方式)

npm

Node version(node 版本)

14.17.0

Browser and its version(浏览器及其版本)

x

System and its version(系统及其版本)

x

Taro environmental information(taro 环境信息)

x

Reproduction link(重现链接)

nutui.jd.com/taro/react/1x/

Steps to reproduce(重现步骤)

cv官网案例不生效

What is expected?(期望的结果是什么?)

能正常水平

What is actually happening?(实际的结果是什么?)

不能正常水平展示

上述问题只出现在 react-taro 小程序场景,react-h5 不影响。

用官网例子复现了一下,确实有这个情况。通过下面的方式引入 RadioGroup 可以避免这个问题 @CaniceZ ,如果按照官网使用的 Radio.RadioGroup 的方式引入,实际上并没有一起引入 radiogroup 这个 package 下 radiogroup.scss 的样式。

- import { Radio } from '@nutui/nutui-react-taro';
+ import { Radio, RadioGroup } from '@nutui/nutui-react-taro';


const RadioGroupLast = () => {
  const [radioVal] = useState('1')
  return <>
-    <Radio.RadioGroup value={radioVal}>
+   <RadioGroup value={radioVal}>
      <Radio value="1">选项1</Radio>
      <Radio disabled value="2">选项2</Radio>
      <Radio value="3">选项3</Radio>
-    </Radio.RadioGroup>
+   </RadioGroup>
  </>
}

@xiaoyatong xiaoyatong added this to the v1.5.0 milestone Mar 3, 2023
@oasis-cloud oasis-cloud modified the milestones: v1.5.0, v1.4.10 Mar 7, 2023
@oasis-cloud oasis-cloud linked a pull request Mar 7, 2023 that will close this issue
20 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants