新建工程之后得到初始的pages文件和utils文件
每个页面里面有xx.js、xx.json、xx.wxml、logs.wxss
wxml:超文本 wxss:相当于css,层叠样式表 js:动态javascript json:json数据格式,“名值对”,有一个名字有一个值,前后端分离,用来交互,前后端以json数据格式进行交互。 例如:index.json:页面配置文件,页面窗口表现设置,字体、背景颜色等设置
而有一个公共的 app. 起头的文件,是全局的一些设置
app.js :全局页面 app.json:全局配置文件,大括号包裹一个属性,注意逗号的分割。
pages:第一个是首页展示的内容,做一个页面就要在app.json里面增加一个路径。名值对得一一对应。
路径、文本、图标路径
如下:页面的设置会覆盖全局设置
如下:可以直接在全局配置文件里面添加路径来快捷创建新的页面
<text> 文本,文字内容只有它 <view> 类似div ,视图容器 <view style="text-align:center"> 居中表示 <image src=""> 图片<image> 双标签 <movable-view> <movable-area> <direction> 移动方向,默认为none <swiper>滑块视图容器
可以利用swiper标签制作一个简单的滚动图,
<swiper> <swiper-item> <image class="image" src="https://file.iviewui.com/weapp/dist/e5da9fdc97a0b3fb16c115d379820583.jpg"></image> </swiper-item> </swiper>
设置容器标签class=“area”等标签,再在wxss中设置容器效果
<switc>开关选择器 <slider>进度条 <icon>点 <navigato>对标<a>标签超链接
navigato标签不能跳转到tabbar所指向的页面 tabbar单独进栈,tabbar的list有两个相当于直接建立了两个栈,是平齐的,实际是栈的切换,最底层只有一个元素,例如logs页面,而从首页中,通过navigato跳转是通过直接把test页面放在首页的栈中,test的页面就相当于放到首页的栈中,此时要退回,就不能直接跳栈,只能退回栈,即左上角的返回号。
第一天成果,大彩笔