Welink ui组件介绍Radio
【摘要】 Radio单选按钮。Radio UI 提供与WeLink规范一致的视图。 <div class="weui-cells__title">勾选框-单选</div> <div class="weui-cells weui-cells_radio"> <label class="weui-cell weui-cell-list weui-check__label" for...
Radio
单选按钮。Radio UI 提供与WeLink规范一致的视图。
<div class="weui-cells__title">勾选框-单选</div>
<div class="weui-cells weui-cells_radio">
<label class="weui-cell weui-cell-list weui-check__label" for="x11">
<div class="weui-cell__bd">
<p>主文体</p>
</div>
<div class="weui-cell__ft">
次文本
<span>
<input type="radio" class="weui-check" name="radio1" id="x11" checked="checked" />
<span class="weui-icon-checked"></span>
</span>
</div>
</label>
<label class="weui-cell weui-cell-list weui-check__label" for="x12">
<div class="weui-cell__bd">
<p>主文体</p>
</div>
<div class="weui-cell__ft">
次文本
<span>
<input type="radio" name="radio1" class="weui-check" id="x12" />
<span class="weui-icon-checked"></span>
</span>
</div>
</label>
</div>
<div class="weui-cells weui-cells_radio">
<label class="weui-cell weui-cell-list weui-check__label" for="x15">
<div class="weui-cell__bd">
<p>主文体</p>
<div class="weui-cell__explan">
此处是辅助说明文体，说明文本
</div>
</div>
<div class="weui-cell__ft">
<input type="radio" name="radio2" class="weui-check" id="x15" checked="checked" />
<span class="weui-icon-checked"></span>
</div>
</label>
<label class="weui-cell weui-cell-list weui-check__label" for="x16">
<div class="weui-cell__bd">
<p>主文体</p>
<div class="weui-cell__explan">
此处是辅助说明文体，说明文本
</div>
</div>
<div class="weui-cell__ft">
<input type="radio" name="radio2" class="weui-check" id="x16" />
<span class="weui-icon-checked"></span>
</div>
</label>
</div>
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）