小程序学习_笔记整理

403 阅读1分钟

公司年后要有小程序的项目,都说会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 文本组件的使用