1、首页的配置
app.json
window的配置(页面的顶部)
tabBar的配置(导航栏,页面的地步)
2、内容页的配置
1、组件
view
<view></view>
行级(block)元素
text
<text></text>
行内元素
display: inline-block; //转换成为行内元素
display: block; //转换成为行级元素
wx:for
<view wx:for="{{array}}"> <view>{{item}}</view> </view>
image
<image></image>
swiper
<swiper indicator-dots indicator-active-color="#e0980d" autoplay interval="3000" circular> <swiper-item> <image src="/images/imgs/1-1.jpg"></image> </swiper-item> <swiper-item> <image src="/images/imgs/1-2.jpg"></image> </swiper-item> <swiper-item> <image src="/images/imgs/1-3.jpg"></image> </swiper-item> <swiper-item> <image src="/images/imgs/1-4.jpg"></image> </swiper-item> </swiper>
flex
display: flex;
flex-direction: row/column/row-reverse;
justify-content:center/space-between/space-around;
align-items: center;
flex:1;