heirui的专栏

页面的布局是这样子的需求是选项一、二、三、四要能吸顶，如果不是放在scroll-view中，可用 css position:fixed; 来实现，但现在是想在scroll-view中实现这个效果，经过一番折腾，终于另辟蹊径找到了一条不一样的路子。整体布局没做多大改动，只是将下半部份的主体内容，放到了一个scroll-view里面，然后内部的子scroll-view滚动时，判断一下导航条距离顶部的位置，如果大于0，则重置子scroll-view的scroll-top为0。<!-

/* swtich整体大小 */.wx-switch-input{ width: 100rpx !important; height: 57rpx !important;}/* false的样式 */.wx-switch-input::before{ width: 100rpx !important; height: 53rpx !important;}/* true的样式 */.wx-switch-input::after{ width: 57rpx !importan.

公司业务需要折腾了一阵子小程序，边看边学边做，感觉还可以，不是太难。今天遇到一个怪事，手机模拟器里，计算出来的高度和手机预览时的高度效果不一样，以为是分辨率的事，结果换其他分辨率也一样。折腾了很久，才搞明白，其实问题很简单，是因为我用于计算高度的那些view组件设置了margin边距！！！所以在计算高度时，误差就由这些margin而产生了，这导致手机预览和模拟器中的效果不一致。解决方法也很简单，最外层的view只设置高度，不设置margin这类样式，然后在里层的view上面设置margin等