微信小程序基础知识笔记

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37499518/article/details/78840377
开始学习小程序,提升自己的技能,不想把美好的时光浪费给游戏

朋友都开始创业做小程序了,有需要的可以了解了解



下载微信专门的编辑器,可以去微信公众平台下载,但它的编辑器比较简单有些东西设置不了,可以把整个项目用别的编辑器打开


微信小程序的项目结构必须要 app.js app,json app.wxss 三个文件 主要用于配置全局样式,方法等

项目的页面骨架写在wxml文件里 常用的ui组件 view image text 也可以用div之类的标签

样式可以用style内联 单位用rpx 相当于px的两倍 ,也可以写在wxss文件里通过class, 当页面一些样式不变的可以写在wxss里,需要动态改变的写在style
公共的样式可以放在全局app.wxss里
设置全屏的高度:由于微信在最外层加了一层page 所以要设置page{height:100%;}
微信在顶部自动加了一个黑色的导航栏 去掉这个导航栏要在app.json在注册一个window 属性为navgationBarBackgroundColor

在app.json中小程序规定pages 数组下的第一个为小程序启动页面

如果想为不同的页面设置不同的导航栏颜色可以在当前文件夹下面再新建一个xx.json文件,为了避免最外面的app.json设置的不可改的
设置的属性为局部的不能 用window

页面之间的传值 和一般的跳转链接一样,将值用字符串拼接在链接后面,在跳转到的页面通过onLoad函数中有一个option参数 来取值 例如: var id=option.id

目前就学了这些,后续做完整个项目再来补充

展开阅读全文

没有更多推荐了,返回首页