小程序占位的view完全不显示
2019-04-03 15:15:29
如何看待微信公开课小程序热门讨论「小程序占位的view完全不显示」
摘要:小程序占位的view完全不显示
展开:flex布局,行方向,加了两个view设置宽度30rpx来占位,结果运行起来这两个view完全没有宽度。至于为什么要用view来占位,是因为如果为view设置margin或者padding,这个view就会把整个页面挤出超过100%的宽度来。具体的问题见这个帖子:https://developers.weixin.qq.com/blogdetail?actionget_post_infodocid782248acf8e9554f7bce8255e8b8f3aftoken1817990123langzh_CN这是wxml代码:viewclassexercisetypecontainerviewclassexercisetypemargin/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypemargin/view/view这是wxss:.exercisetypecontainer{margintop:50rpx;width:100%;heigght:100%;display:flex;flexdirection:row;alignitems:center;overflow:scroll;}.exercisetypemargin{display:inlineblock;width:30rpx;}.exercisetype{marginright:20rpx;height:200rpx;}.exercisetypeimage{borderradius:10rpx;border:1pxsolid999;height:120rpx;width:200rpx;}.exercisetypetext{fontsize:26rpx;color:337733;}这是效果:第一个子元素紧贴着左边框,完全看不到占位的view。你们这套wxss布局框架一堆bug也敢放出来给大家用,真是服了。直接用css不行吗
摘要:小程序占位的view完全不显示
展开:flex布局,行方向,加了两个view设置宽度30rpx来占位,结果运行起来这两个view完全没有宽度。至于为什么要用view来占位,是因为如果为view设置margin或者padding,这个view就会把整个页面挤出超过100%的宽度来。具体的问题见这个帖子:https://developers.weixin.qq.com/blogdetail?actionget_post_infodocid782248acf8e9554f7bce8255e8b8f3aftoken1817990123langzh_CN这是wxml代码:viewclassexercisetypecontainerviewclassexercisetypemargin/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypeimageclassexercisetypeimagesrchttp://omj4lckbk.bkt.clouddn.com/evaluation/empty.png/imagetextclassexercisetypetextwechatwebkitissb/text/viewviewclassexercisetypemargin/view/view这是wxss:.exercisetypecontainer{margintop:50rpx;width:100%;heigght:100%;display:flex;flexdirection:row;alignitems:center;overflow:scroll;}.exercisetypemargin{display:inlineblock;width:30rpx;}.exercisetype{marginright:20rpx;height:200rpx;}.exercisetypeimage{borderradius:10rpx;border:1pxsolid999;height:120rpx;width:200rpx;}.exercisetypetext{fontsize:26rpx;color:337733;}这是效果:第一个子元素紧贴着左边框,完全看不到占位的view。你们这套wxss布局框架一堆bug也敢放出来给大家用,真是服了。直接用css不行吗
标签:小程序
「小程序占位的view完全不显示」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序占位的view完全不显示」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序占位的view完全不显示」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序占位的view完全不显示」
微信公开课小程序热门讨论「小程序占位的view完全不显示」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序占位的view完全不显示」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-04-03 15:15:29
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>