小程序scrollview下,scrollx跟flexdirection冲突
2019-04-03 15:13:30
如何看待微信公开课小程序热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」
摘要:小程序scrollview下,scrollx跟flexdirection冲突
展开:原本在view下,效果是这样的RT一共8个区,希望能横向滑动,于是把最外层view改成scrollview,结果是这样第二个区及后面的区匪夷所思地竖向排列了为啥scrollview干扰了flex布局的横向flex方向..把横向生生变成了竖向代码如下scrollviewscrollleft20rpxscrollxtrueclassheadwrpflexhorizonalstyleheight:{{sbscrollview}};display:flex;whitespace:nowrapviewbindtapTabdataposition2classheaditem{{selected2}}textdataposition2东区/text/viewviewbindtapTabdataposition3classheaditem{{selected3}}textdataposition3西区/text/viewviewbindtapTabdataposition4classheaditem{{selected4}}textdataposition4南区/text/view/scrollview在js的pagedata里sbscrollview:200rpxwxss.headwrp{height:66rpx;position:fixed;width:100%;/也试过700rpx/display:flex;borderbottom:solidthingreen;}.headitem{font:30rpx方正黑体简体;letterspacing:4.32rpx;color:333333;width:120rpx;/也试过12.5%/height:100%;/在父元素200rpx生效的情况下,也试过设为200rpx/display:flex;alignitems:center;justifycontent:center;}flexhorizonal{display:flex;flexdirection:row;/这句在view里好好的,在scrollview里不起作用/alignitems:center;}设置父子固定高度、宽度、父子元素whitespace:nowrap、父子display:flex、填满父元素全都不起作用是版本问题么开发者工具v0.17.172600如果往scrollview下面再加一层view,倒是可以横向排列,问题是没法scroll了。。
摘要:小程序scrollview下,scrollx跟flexdirection冲突
展开:原本在view下,效果是这样的RT一共8个区,希望能横向滑动,于是把最外层view改成scrollview,结果是这样第二个区及后面的区匪夷所思地竖向排列了为啥scrollview干扰了flex布局的横向flex方向..把横向生生变成了竖向代码如下scrollviewscrollleft20rpxscrollxtrueclassheadwrpflexhorizonalstyleheight:{{sbscrollview}};display:flex;whitespace:nowrapviewbindtapTabdataposition2classheaditem{{selected2}}textdataposition2东区/text/viewviewbindtapTabdataposition3classheaditem{{selected3}}textdataposition3西区/text/viewviewbindtapTabdataposition4classheaditem{{selected4}}textdataposition4南区/text/view/scrollview在js的pagedata里sbscrollview:200rpxwxss.headwrp{height:66rpx;position:fixed;width:100%;/也试过700rpx/display:flex;borderbottom:solidthingreen;}.headitem{font:30rpx方正黑体简体;letterspacing:4.32rpx;color:333333;width:120rpx;/也试过12.5%/height:100%;/在父元素200rpx生效的情况下,也试过设为200rpx/display:flex;alignitems:center;justifycontent:center;}flexhorizonal{display:flex;flexdirection:row;/这句在view里好好的,在scrollview里不起作用/alignitems:center;}设置父子固定高度、宽度、父子元素whitespace:nowrap、父子display:flex、填满父元素全都不起作用是版本问题么开发者工具v0.17.172600如果往scrollview下面再加一层view,倒是可以横向排列,问题是没法scroll了。。
标签:小程序
「小程序scrollview下,scrollx跟flexdirection冲突」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」
微信公开课小程序热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-04-03 15:13:30
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>