微信小程序的开发

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;