1、首先我们打开微信开发者工具。
2、进入项目文件目录，打开一个wxml文件。
3、在这个wxml文件中新建一个view标签，class命名为“outter”。
4、然后在里面新建两个view标签，class命名为“inner”。
5、接着打开wxss的样式表文件，首先给clas衡痕贤伎s为outter的标签设置样式，在里面添加display: flex;justify-content: space-between;//表示将里面的元素紧紧挨在两边。
6、然后为里面两个class为inner的标签设置样式，设置宽和高，背景色，以及底部边框。
7、最后我们来到模拟器中，查看刚才我们所制作的效果。
8、总结：1、新建一个vie嘛术铹砾w标签，并且加上class，命名为outter2、里面新建两个view标签，class命名为innner3、在wxss写样式，为outter添加flex布局，并使用justify-content。4、模拟器中预览效果。
