uni-app创建微信小程序 flex布局问题

End_less__ 2020-05-02 06:26:34

在设置微信小程序flex布局的时候，使用的样式如图：

应该出现的样子：

但是我在调试的时候，出现的却是这样：

（四个一列依次出现，并没有出现四方格的样式）
求大佬指点

...全文

630 3 打赏收藏转发到动态举报

写回复

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%

技术栈 typescript+eslint+redux+taro+react-native+mock taro适配Android、iOS、微信小程序、H5最佳实践,主要涉及到了基础网络请求的封装、适配了多端的SafeArea安全区域、style工具样式引用替换scss的繁琐写法大幅度简化代码,同时解决了scss样式无法通过className进行属性传递的问题、自定义tabBar、全局模态对话框展示(解决了微信小程序端不能覆盖底部tabBar的问题)、展示了相同组件多端适配引用的方式、多端样式布局通过styleAssign注入flex、column、relative的方式实现统一化、演示了app的消息通信,通过mock数据在本地搭建服务进行前后端分离开发、本脚手架各端适配的比较完美适合用来进行全新项目的多端开发,后续基础组件持续完善中,目标是打造一个多端共用的基础组件库. 适配进度 H5 -- 完美适配 React Native -- 完美适配 微信小程序 -- 完美适配目标功能打造一个多端共用的基础组件库 -- 持续开发完善中用法：先打开本地mock服务命令:

课程中包含大量目前前端必备的技能，如vue，微信小程序，组件封装，移动端手势封装，数据分页，axios，moment，flex布局，sass，视频播放，视频下载等等功能。

2021年最新VUE+ES6+Uni-app微信小程序从入门到实战教程，商业正式项目+面试必问知识

本文实例为大家分享了微信小程序可滑动日历界面的具体代码，供大家参考，具体内容如下参考某个博主的自定义控件做了一些改动，希望这篇博客能帮助需要的人。 WXML 《 <picker mode=date value={{date}} start=2015-09 end=2020-09 fields=

graceUI 是一套兼容微信小程序及uni-app的优秀前端框架，以flex布局为基础，提供了丰富的组件及界面库。大幅度提高开发速度 ^_^ graceUI 来自于近3年的及上百个小程序、APP项目经验，打造简洁、轻快的框架！

10,607

社区成员

29,048

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章