前端-基础语法、概念

基础语法：

代码第一块必为template模块

Template里面只能有一个view 不可以有两个平级的view 其他view得写在这个view的里面

概念：

Pages：存放各种页面用的

Static：图片 声音 字体库 视频 css样式

pages.json

边距：

<view style=>如果要单独加属性，比如颜色、边距等等，可以在任意尖括号内，标签名后加style=“margin-left”（举例）。也可将多个属性封装在一个class里。

路径：

../表示当前页面（index.vue）的上一级（index文件夹），再../表示再往上一级（pages文件夹），其余表示该目录下的内容

Style：

一个页面的宽度是750upx

 在style那里：.名字{定义}   定义一个style 然后在标签后面写class=“名字”

 

 Margin：距离手机边界的距离（外边距）

Class与style一起使用：

Class表示一类属性 style表示单个属性

 如果要用style添加多个属性，需要将每个属性都写在style后的双引号中，用分号隔开

 margin-top【本元素】与【上方元素】的距离

Padding：本元素与父元素的距离（若本元素并不是重叠在其他元素上 则父元素为手机边框）

可能会把子元素推到父元素之外

若新建一个

<view class=”xxx”>

</view>

.xxx{

Color=某；

}

这样是不会显示滴 要在样式的定义里也写上长和宽

.xxx{

Color=某；

Width=xxx;

Height=xxx;

}

Colorui的类的引用：

 Cu：colorui  btn：button  bg：background