微信小程序前端页面标签初步

一、wxml

1.wxml，功能类似于html，将内容引入界面，如文字，图片显示等

2.滚动页面标签：scroll-view，可以实现手机上下滑动页面功能

3.分区标签：view：类似div，可以包裹进文字，图片等内容

4.插入图片（本地静态图片）：image，格式为：<image src="/images/photome.png" class="photo"></image>

src后是图片的地址，插入图片，要现在和pages'同等级的目录下创建名为images的文件夹，将图片放入该文件夹内，然后右击图片文件，复制它的相对地址，此处不支持绝对地址

5.class：<view class="container">标签内的class后面做一个命名，表示这个标签的内容样式遵从wxss文件里这个命名的样式

二、wxss

1.wxss功能类似于css，主要控制页面样式，如颜色，距离，排版布局等

2.基本格式为.container{}

container代表wxml里设置的样式名

{}里写各种参数设置，只对该命名范围内的内容起效

3.图片参数，参数名接在src后面

修改图片大小：width：改宽度，height：改高度，单位为px

修改图片位置：position设为absolute，意为绝对位置，

                         然后修改margin-top或top参数，单位是px，意为距离顶部距离

                         其他方向类似，left，right，左右距离，

                         试了相对参数设置，单位为%，意为占比，效果不太明显，之后再尝试

修改图片形状：border-radius: 修改圆润程度

4.设置文字参数类似，只需要查阅对应标签即可

三、JavaScript（JS）

主要实现前端与后端，用户操作交互的逻辑，以及各种方法的实现，之后再学习