1.首先下载小程序开发工具

2.小程序中的wxml相当于HTML，WXSS相当于css

3.布局几乎与html布局相同

4.宽度使用百分比

5.5 .输入框中的文本通过填充上下居中

6.底部的文字在右边。视图相当于块元素。设置宽度后，文本对齐向右对齐。

一个简单的测试界面如图所示

Index.wxml代码

！-index . wxml-view class=' container ' text class=' index title ' add email account/text view class=' index input ' input maxlength=' 10 ' placeholder=' email address '/view view view class=' 10 ' placeholder=' password '/view view class=' index button ' button type=' primary ' log in/button/view view view class=' index nologin ' a href=' '无法登录/a/view/viewindex.wxss代码

/**index.wxss**/。indexTitle { color: # cccmargin :15 px 0；font-size : 20px；}.indexInput { margin-bottom : 15px；border: 1px固体# cccpadding:11px 4px宽度：90%；border-radius : 4px；}.indexButton { padding:0 4px宽度：93%；}.indexNologin { color : # 049 c4d；

摘要

以上是边肖介绍的微信小程序框架的页面布局代码。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！