Question

美好的一天，

Mobiscroll的“数字”组件似乎有一个错误，因为无论我尝试什么，我都无法制作我指定的宽度尺寸。我必须使用2.14.0或更高版本，因为自定义主题生成器不适用于旧版本。我可以在旧版本上调整宽度，但我不能在旧版本上使用主题构建器。所以我使用Mobiscroll版本2.14.3和我的自定义主题。下面是我如何使用默认的ios7主题和宽度设置仍然无法正常工作：

showPassengerPicker('#numAdults_rt', '#numChildren_rt', '#numInfants_rt');

function showPassengerPicker(var1, var2, var3)
{
     $(var1).mobiscroll().number({
         theme: 'ios7',
         display: 'inline',
         language: 'en',
         mode: 'clickpick',
         showLabel: false,
         maxWidth: 40,
         minWidth: 40,
         fixedWidth: 40,
         height: 20,
         rows: 3,
         wheels: [ 
                   [ 
                    { 
                        label: '', 
                        keys: [1, 2, 3, 4, 5],  
                        values: ['1', '2', '3', '4', '5']
                    }                           
                   ] 
                 ]
         }); 
}

我正在使用Mobiscroll文档中的所有可用设置来设置宽度，但 none 可以使用它们。

这是HTML部分：

 <div align="center" style="margin-top:25px;">
       <div id="numAdults_rt" class="numAdults_rt wheelPickerDiv"></div>
       <div id="numChildren_rt" class="numChildren_rt wheelPickerDiv"></div>
       <div id="numInfants_rt" class="numInfants_rt wheelPickerDiv"></div>
 </div>

拜托，有人可以让我知道如何减少数字点击组件的宽度，这样可以减小宽度吗？我需要减小宽度，但没有一个设置工作。我做错了什么？

非常感谢你，胜者。

Answer 1

我很幸运地找到了答案。在mobiscroll.custom-2.14.3.min.css中有一个min-width元素。我将min-width：0设置在具有非零像素值的任何地方。现在这些控件两侧都没有额外的空间。

更改Mobiscroll的click clickpick组件的宽度

1 个答案: