社区
其他
帖子详情
uni-app创建微信小程序 flex布局问题
End_less__
2020-05-02 06:26:34
在设置微信小程序flex布局的时候,使用的样式如图:
应该出现的样子:
但是我在调试的时候,出现的却是这样:
(四个一列依次出现,并没有出现四方格的样式)
求大佬指点
...全文
854
3
打赏
收藏
uni-app创建微信小程序 flex布局问题
在设置微信小程序flex布局的时候,使用的样式如图: 应该出现的样子: 但是我在调试的时候,出现的却是这样: (四个一列依次出现,并没有出现四方格的样式) 求大佬指点
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
街头小贩
2020-05-05
打赏
举报
回复
引用 1 楼 End_less__ 的回复:
问题已解决,设置image width:100%
好样的。友情提示:请及时结贴
End_less__
2020-05-03
打赏
举报
回复
因为设置了border,对margin有一定影响,手动调试设置recommend_item的宽度为49.735%
End_less__
2020-05-03
打赏
举报
回复
问题已解决,设置image width:100%
uni
-
app
入门
本文详细介绍
uni
-
app
框架,一种使用Vue.js开发跨平台应用的工具。
uni
-
app
允许开发者编写一次代码,即可在iOS、Android、H5和小程序等多个平台上运行。文章涵盖框架优点、项目
创建
、开发规范和页面布局等内容。
Uni
-
App
- 页面样式与布局
本文详细介绍了
uni
-
app
框架中的样式设置与布局技巧,包括尺寸单位的计算方式、全局与局部样式的应用、
Flex布局
的推荐使用,以及如何正确导入和使用外联样式表。
写
uni
-
app
时用到的
Flex布局
博主分享了从原生Android开发转向
uni
-
app
的心得,
uni
-
app
允许开发者用一套代码发布到多个平台。文章重点讨论了
Flex布局
在
uni
-
app
中的应用,将其与Android的线性布局进行对比,并通过实例展示了如何使用Flex实现界面布局。作者建议新手尝试
uni
-
app
,认为其上手简单且有趣。
uni
-
app
/
微信小程序
:scroll-view纵向滚动高度自适应
flex布局
填充剩余高度
文章介绍了在
uni
-
app
和
微信小程序
中处理scroll-view滚动时如何设置高度的方法。方案一是通过js计算设备高度和父元素位置来动态设定scroll-view的高度,但可能无法获取正确布局信息。方案二是利用
flex布局
,使scroll-view占据剩余高度,需注意设置height为0以确保滚动效果。同时强调了父元素高度应设为100%的重要性。
uni
-
app
尺寸单位、
flex布局
于背景图片
该博客围绕
uni
-
app
开发展开,介绍了尺寸单位rxp的计算公式,
flex布局
中display、flex-direction等多个属性的用法及取值含义,还提及背景图片的相关要求,如大小限制、引用路径等,为
uni
-
app
开发提供实用参考。
其他
10,611
社区成员
29,027
社区内容
发帖
与我相关
我的任务
其他
Web 开发 其他
复制链接
扫一扫
分享
社区描述
Web 开发 其他
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章