1、首先打开开发工具新建一个小程序目录,如下图所示
2、接着在wxml中输入如下图所示的布局内容,注意flex-direction的应用
3、然后在wxss中配置样式,因为是左右两栏,所以各占50%
4、接着就可以直接看到界面中的布局了,如下图所示
5、另外如果你在想分三栏布局也很简单了,只需要加一个栏目
6、然后修改一下wxss中每一栏目的百分占比即可,如下图所示
7、最后三列布局也很快就可以弄好,如下图所示
时间:2024-10-11 20:08:00
1、首先打开开发工具新建一个小程序目录,如下图所示
2、接着在wxml中输入如下图所示的布局内容,注意flex-direction的应用
3、然后在wxss中配置样式,因为是左右两栏,所以各占50%
4、接着就可以直接看到界面中的布局了,如下图所示
5、另外如果你在想分三栏布局也很简单了,只需要加一个栏目
6、然后修改一下wxss中每一栏目的百分占比即可,如下图所示
7、最后三列布局也很快就可以弄好,如下图所示