微信小程序的制作基础部分(一)
来源:互联网 发布:java下载图片返回前台 编辑:程序博客网 时间:2024/06/16 22:39
主要的结构
左侧栏结构:调试部分和编辑部分- 调试部分
打开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或者方法
阅读全文
0 0
- 微信小程序的制作基础部分(一)
- 华容道程序制作(基础部分)
- 华容道程序制作(解题部分)
- vb制作登陆界面(程序部分)
- JavaSE基础部分--(一)
- blog程序的部分需求分析(一)
- Vivado的helloword程序(一):硬件工程部分
- 爬虫/蜘蛛程序的制作(C#语言) 一
- C#入门经典(基础部分一)
- Swift学习笔记一(基础部分)
- java script基础部分(一)
- JavaScript学习总结(一)基础部分
- php学习笔记(一)基础部分
- web前端 基础部分(一) HTML
- swift学习 一 基础部分 (上)
- JavaScript学习总结(一)基础部分
- MongoDB基础部分及实现(一)
- JavaScript学习总结(一)基础部分
- LSTM RNN
- ObjectARX Training Guide fatal error LNK1104
- PAT:B1020. 月饼 (25/25)
- 2017最好的JavaScript框架、库和工具 — SitePoint
- Java设计模式之简单工厂模式(Simple Factory)
- 微信小程序的制作基础部分(一)
- Java虚拟机--字节码(二十一)
- Mongodb技术总结(version3.4.4)
- const和指针
- 定义一个变量a和b,不通过中间变量就可以交换值
- nfs
- Android广播接收器(BroadcastReceiver)
- mysql之 MySQL 主从基于position复制原理概述
- ZOJ--1006:Do the Untwist