主要的结构
左侧栏结构:调试部分和编辑部分- 调试部分
打开debug,在console部分可以看到整个程序的运行界面,并根据相应的变量判断在哪个位置运行失败。 编辑界面
包含三个部分:pages,utils和app部分
app包含app.js,app.json和app.wxss三个大部分。
app.js:用于写入方法和变量即Function和data或者globalData即全局变量,变量可在其中进行初始化。
app.json:即整体界面的结构。pages:页面,即包含的所有页面。windows:窗口结构,包含导航栏的颜色等等。tabBar:下部导航栏,相当于android里面的连接Fragment。debug:调试,等于布尔类型,只有true和false。而在tabBar里面还有一个list性质,用于包括小程序的每个部分。app.wxss,则可以理解为CSS样式,分别对应每个部分的高度,宽度,方向等性质。
- 调试部分
pages的构成:即使每个页面,每个页面也包括了三个对应的文件,此外还有一个wxml的文件,相当于android的layout里面的xml文件。
wxml文件里面也包含控件,等同于android一样,类似于button,这个里面也有button,text
在两个方括号之间里面有
`<text>输入文字或者变量</text>`
<image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
输入class或者方法