小程序学习_笔记整理

公司年后要有小程序的项目，都说会vue就会小程序，但我觉得还是学习下吧，也为了以后打算吧...  话不多说，开始学习

1、头部导航这些，官网api都有，具体可以自己配置下，就明白了

2、目录结构里，app.wxss 公共的css样式文件，可以把一些公用的样式写在里面

2.1、 这里pages里的一个文件夹代表一个页面

2.2  单引号会报错，要用双引号

2.3 自动生成 只需要 在 json里配置 就好

3、小程序支持 css3的所有语法

常用标签， view image  test... 没有html的这些 div p的概念

移动端适配  支持 vw px %  rpx 

需要使用rpx来自适应 

字体不要超过36px 最好使用px 尤其标题，让其显目

如果设置高度百分百，要记住，外面还有一个page层要设置 百分百，类似 html body那一层

4、路由跳转和另一个页面获取

5、获取数据渲染

绑定事件，bindtap="函数名"  

都说会vue就会小程序，我获取数据直接 this.text = options.title发现不行,哈哈...

// 获取另一个路由传过来的值
this.setData({
    text: options.title
})复制代码

6、组件 swiper ,直接看官网拿来用就写了个贼丑的，数据这块还没做动态，后面在做，样式得调整自己看需求了，我现在是设置的 100%

7、input 以及view组件的使用

注：text-indent 首行缩进不起作用，要用padding-left 不知道为啥

也是看的官网API 就是一个手指触碰后的样式，可以设置停留时间啥的

具体可查看小程序API文档

7.1 text 文本组件的使用

转载于:https://juejin.im/post/5bece5d36fb9a049c231fee8