美文网首页小程序
小程序flex布局

小程序flex布局

作者: Remember_柏查 | 来源:发表于2019-08-15 18:31 被阅读0次

1.最近咋学习小程序 有同事给了一个小程序源码 。自己在照着页面效果敲,才发现不会还是不少呢 ,今天编写了首页 ,先把页面的元素显示出来 还有用到接口的调用                                                 2.今天遇到的问题总结一下

实现这个居中还平均显示

3.写一下我的步骤  我用了3层view 外面一层包裹着,然后里面每一个小部分用navigator包裹这个因为他们点击可以跳转到对应的商品页面在里面 用2标签分别是imgage和text                                     4.因为他们是一行显示 横向的 用flex比较方便   给最外层加一个 flex-direction: row; justify-content: space-between;  因为图片和文字都是行内元素我给他们加一个display:block 他们就2行显示了

下面是写的样式代码

相关文章

网友评论

    本文标题:小程序flex布局

    本文链接:https://www.haomeiwen.com/subject/srltsctx.html