Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
f07ca9d2
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
725
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
f07ca9d2
编写于
6月 27, 2020
作者:
W
wanganxp
提交者:
GitHub
6月 27, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update radio.md
上级
e1832eb0
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
4 addition
and
5 deletion
+4
-5
docs/component/radio.md
docs/component/radio.md
+4
-5
未找到文件。
docs/component/radio.md
浏览文件 @
f07ca9d2
#### radio-group
单项选择器,内部由多个
``<radio>``
组成。
单项选择器,内部由多个
``<radio>``
组成。
通过把多个
`radio`
包裹在一个
`radio-group`
下,实现这些
`radio`
的单选。
**属性说明**
...
...
@@ -23,7 +23,9 @@
**示例**
[
查看演示
](
https://hellouniapp.dcloud.net.cn/pages/component/radio/radio
)
以下示例代码,来自于
[
hello uni-app项目
](
https://github.com/dcloudio/hello-uniapp
)
,推荐使用HBuilderX,新建uni-app项目,选择hello uni-app模板,可直接体验完整示例。
```
html
<!-- 本示例未包含完整css,获取外链css请参考上文,在hello uni-app项目中查看 -->
<template>
<view>
<view
class=
"uni-padding-wrap"
>
...
...
@@ -95,11 +97,8 @@ export default {
![
uniapp
](
https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/radio.png?t=201857
)
示例代码说明:以上示例代码从hello uni-app示例中复制,涉及的css样式在hello uni-app的app.vue和uni.css中
预览H5效果:使用浏览器的手机模式访问
[
https://hellouniapp.dcloud.net.cn/pages/component/radio/radio
](
https://hellouniapp.dcloud.net.cn/pages/component/radio/radio
)
**注意**
-
radio的默认颜色,在不同平台不一样。微信小程序是绿色的,字节跳动小程序为红色,其他平台是蓝色的。更改颜色使用color属性。
-
如需调节radio大小,可通过css的scale方法调节,如缩小到70%
`style="transform:scale(0.7)"`
-
radio不是checkbox,点击一个已经选中的radio,不会将其取消选中
\ No newline at end of file
-
radio不是checkbox,点击一个已经选中的radio,不会将其取消选中
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录