微信小程序这一块（续）

1、设置头部的信息

通过wx.setNavigationBarTitle

详情见：https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.setNavigationBarTitle.html

onLoad: function (options) { // console.log(options) let {id,name}=options wx.setNavigationBarTitle({ title: name, }) // console.log(name) },

2、小程序轮播图

详情见：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

<view>

  <swiper

  class="banner"

  indicator-dots

  indicator-color="#fff"

  autoplay

  circular

  interval="5000"

  indicator-active-color="#c33"

  >

    <block wx:for="{{banner}}" wx:key="index" >

      <swiper-item class="banner_item">

        <image src="{{item}}"></image>

      </swiper-item>

    </block>

  </swiper>

</view>

3、横向滚动纵向滚动

<scroll-view scroll-x>
scroll-view必须在最外面，scroll-X/Y决定哪个方向滑动

  <view class="container">

    <block wx:for="{{goods}}" wx:key="index">

      <view class="item_view">{{item.name}}</view>

    </block>

  </view>

</scroll-view>

4、分包加载！

详情见：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

巴特西

微信小程序这一块（续）

最新文章

热门文章