微信小程序·前端-锦囊

 

<!-- Banner轮播图 start -->

<view>

<swiper autoplay="true" indicator-dots="true" circular='true' interval="1500" >

<swiper-item>

<image src='{{muke.image1}}'></image>

</swiper-item>

<swiper-item>

<image src='{{muke.image2}}'></image>

</swiper-item>

<swiper-item>

<image src='{{muke.image3}}'></image>

</swiper-item>

</swiper>

</view>

<!-- Banner轮播图 end -->

 

<block wx:for="{{post_key}}" wx:for-item="item" wx:for-index="ids">

{{ids}}　　为索引

{{item}}　　为值

{{item.image}}

</block>

 

 

 

<view>

<View style="width:100%">

<text style='color:red;margin-left:150rpx;'>

【柴静雾霾调查：穹顶之下(完整版)】

</text>

</View>

<view >

<video style="width: 100%;height=400px;margin:1px;" src="{{video}}" binderror="videoErrorCallback"></video>

</view>

</view>

----------------------------

this.setData({

post_key:post_content

}),

==========================

flex

 

display: flex;

flex-direction: column;

 

flex-direction: row;

vertical-align: middle;

==========================