页面的.json配置文件
小程序中的每一个页面,可以使用.json文件来对本页面窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项
新建小程序页面
只需要在app.json -> pages中新增页面的存放路径,小程序开发者即可帮助我们自动创建对应页面
修改项目首页
只需要调整app.json -> pages数组中页面路径的前后顺序,即可修改项目的首页,向程序会把排在第一位的页面,当做项目首页进行渲染
<view class="container1">
<view>Aview>
<view>Bview>
<view>Cview>
view>
<scroll-view class="container1" scroll-y>
<view>Aview>
<view>Bview>
<view>Cview>
scroll-view>
-------------------css-------------------
.container1{
border: 1px solid red;
width:100px;
height:120px;
}
<swiper
indicator-dots
indicator-color="white"
indicator-active-color="yellow"
autoplay
interval="1000"
circular
>
<swiper-item><img>swiper-item>
<swiper-item><img>swiper-item>
<swiper-item><img>swiper-item>
swiper>
<swiper indicator-dots circular autoplay>swiper>
文本组件
类似于HTML中的span标签,是一个行内元素
selectable属性:长按选中文本内容效果
<text selectable>13598745213text>
富文本组件
支持吧HTML字符串渲染为WXML结构
nodes属性节点:把HTML字符串渲染为对应的UI结构
<rich-text nodes=" style='color:yellow'>标题</h3>">
rich-text>
按钮组件
通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)
图片组件
image组件默认宽度约300px、高度约240px
<image>image>
<image src="../../images/01.jpg" mode=""/>
mode属性:
页面导航组件
类似于HTML中的a链接