WeChat small program frame page layout code

1. First download the applet development tool

2. WXML in the applet is equivalent to HTML, and wxss is equivalent to CSS

3. Layout and HTML layout almost the same

4. Width Percentage

5. The text in theinput box is in the middle of the

6. The lower text is right, and the view is equivalent to a block. Element, after setting width, text-align right alignment

Simple test interface is shown in Figure


index.wxml code

   Add Mailbox Account       Login          INDEX.WXSS code    
/ ** index.wxss ** /. Indextitle {color: #ccc; margin: 15px 0; font-size: 20px;}. Indexinput {margin-bottom: 15px; border: 1px solid #ccc; padding: 11px 4px; width: 90%; border-radius: 4px;}. indexbutton {padding: 0 4px; width: 93%;}. indexnologin {color: # 049c4d;

The above is the page layout code of the WeChat small program frame introduced by Xiaobian, I hope that everyone can help, if you have any questions, please Leave me a message, the small package will reply to everyone in time!
© Copyright Notice
Just support it if you like
comment Grab the couch

Please log in to comment