收藏
回答

使用单选框radio选项文字过长时,单选框样式发生改变,如何解决这个问题?

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

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


回答关注问题邀请回答
收藏

5 个回答

  • 2021-08-31

    搞了好久,终于搞定。样式加上:

    radio .wx-radio-input{
      width: 40rpx;
      height: 40rpx;
      min-width: 40rpx;
      min-height: 40rpx;
    }
    
    2021-08-31
    有用 1
    回复
  • zelma
    zelma
    2021-12-08

    radio .wx-radio-input{

      flex: none;

    }


    2021-12-08
    有用
    回复
  • Helloworld
    Helloworld
    2021-10-09

    可以试试ui组件库,vant,weui啥的

    2021-10-09
    有用
    回复
  • 陈宇明
    陈宇明
    2021-06-10

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

    <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>
    
    2021-06-10
    有用
    回复 1
    • Ming💤
      Ming💤
      2021-06-24
      可是这样的话点击文字并不会选中单选框  一定要点击那个圆才行
      2021-06-24
      2
      回复
  • Axs
    Axs
    2021-06-10

    自己做一个 radio 的组件

    2021-06-10
    有用
    回复
登录 后发表内容