XiaoMing0000's 微信小程序笔记
第一课 ———— 目录结构介绍
目录结构介绍:
新建文件夹方式:
- 右击文件目录点击新建文件夹,然后点击新建page
- 在程序主目录中找到app.json文件,向文件夹中的page中添加文件夹名和文件名,用双引号引起。
例图新建文件夹news
第二课 ———— 标签
view 标签盒子
text 文本盒子
image 图像
navigator 超链接 页面跳转
scroll-view 滑动效果盒子
swiper 轮播器 循环播放采用衔接法
wxss 效果设置关键字
width:100px 宽度设置为100像素
width:80% 宽度百分百
height 高度设置
background 盒子背景设置
background-color 设置背景颜色
color 盒子字体颜色设置
display 显示模式设置
margin-bottom:1px 设置盒子底部边缘间隔宽度
display:flex; 设置盒子
flex:8; 设置盒子占比80%
框架
tabBar 底部裁断
js 按键触发 绑定变量修改
在wxml中引用变量使用双括号+变量名的方式——{{variable_name}}
数据变量的data:{} 初始化一下,方便记忆和使用了那些变量,在其他函数修改data:{}中的变量可以使用this.setData({})方法修改。
API
API就是就是小程序给用户内置的一些方法和事件只需要会调用就行了。
console.log(wx.getSystemInfoSync().model) 获取用户机型
wx.showLoading({title:“数据加载…”}) 显示加载等待圆圈