使用单选框radio选项文字过长时,单选框样式发生改变,如何解决这个问题?
发布于 4 年前 作者 jing37 11400 次浏览 来自 问答

<radio-group><radio></radio></radio-group>

文本过长时,单选按钮出现大小不一的情况,这种情况要怎么解决呀?

2 回复

布局可以做下调整,文本和单选组件分开,文本过长可以让限制文本多余的做成“…”

<radio-group bindchange="radioChange">
        <label class="weui-cell weui-check__label" wx:for="{{items}}" wx:key="{{item.value}}">

          <view class="weui-cell__hd">
            <radio value="{{item.value}}" checked="true"/>
          </view>
          <view class="weui-cell__bd">{{item.name}}</view>
        </label>
      </radio-group>

自己做一个 radio 的组件

回到顶部