公告列表
公告列表
收藏
评论

小程序radio组件，当选项文本为多行时，点选按钮变形的问题。

小程序radio组件，当选项文本为多行时，点选按钮变形的问题，如下图：

【解决思路】

1、固定点选按钮的尺寸。

2、把点选按钮和选项文本单独分开成2列，只是在页面布局上并排显示，且按钮和文本同时共享同一个事件处理函数。


以上只是思路，正在尝试实践。如果有高手看到，希望能有更好的解决方案。

收藏

1 个评论

  • 飘落的叶
    飘落的叶
    2019-01-21

    1. 我猜你的是因为flex布局影响的，用这样的结构 

    2. 以后问问题提供代码片段

    <view>

        <view><radio></radio></view>

         <view>文字</view>

    </view>


    你的可能是这样的

    <view>

        radio></radio>

         <view>文字</view>

    </view>


    2019-01-21
    赞同 1
    回复 2
    • 勤思巧学
      勤思巧学
      2019-01-22

      我的问题已经解决了，但还是要谢谢你的帮助。另外你提醒的也很对，问题确实应该要附代码才清楚。

      以下是我解决后的代码。

      <radio-group class="radio-group" bindchange="radioChange">

           <label  wx:for="{{items}}" wx:key="*.this">

           <view class="choices">

           <radio value="{{item.name}}" checked="{{item.checked}}"></radio>

           <text>{{item.value}}</text>

           </view>

           </label>

         </radio-group>


      2019-01-22
      赞 2
      回复
    • 飘落的叶
      飘落的叶
      2019-01-22回复勤思巧学

      不客气

       

      2019-01-22
      赞
      回复
请 登录 后发表内容