微信小程序学习日志

1.在app.json中的pages标签，写入你要的文件名。并且将自己想要的文件提前（优先渲染）

 2.视图容器组件

view：相当于html的div，块级元素        

 

 （justify-content的属性）

 

scroll-view：可滚动的视图区域，常用滚动列表效果

竖向滚动时，必须给scroll-view一个固定高度，scroll-y，scroll-x。

 

 

swiper和swiper-item：轮播图容器组件和轮播图item组件

先声明swiper轮播图容器组件，后声明swiper-item组件

 

 3.基础内容组件

text：相当于html的span行内元素 selectable为可选择，手机长按选中效果

rich-text：富文本组件，组件中的nodes属性节点，把html字符串渲染成对应的UI结构

 4.其他组件

button：按钮组件

type="primary" 微信主色调（绿色）

type="warn"警告红色

size="mini" 小型号

plain 镂空

 

 

image：图片组件，默认为宽300px，高240px     mode属性

先将带有图片的文件夹复制进去

 

 

navigator：页面导航组件，相当于html的<a>链接