86work index.wxml 标签写入 小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

86work index.wxml 标签写入 小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

   实战项目中的功能实现。 

小程序简介

小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

    轮播图， 用到了富文本功能。 

  搜索功能  

  支付功能的真的实现。  

 微信程序里面的支付功能。 

 个人中心，商品收藏，意见反馈。 

 课程复习而知。 

小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。

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

 首页写入 

index，WXML 

<!--   H5 的标签写入， 是您把事情想复杂了。

    所以，这个类似写标签， 写就是了！

 -->

<!--index.wxml-->

<view class="container">

  <view class="userinfo">

    <block wx:if="{{canIUseOpenData}}" calss="userinfo-opendata">

      <view class="userinfo-avatar" bindtap="bindViewTap">

        <open-data type="userAvatarUrl"></open-data>

      </view>

      <open-data type="userNickName"></open-data>

    </block>

    <block wx:elif="{{!hasUserInfo}}">

      <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>

      <button wx:elif="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>

      <view wx:else> 请使用1.4.4及以上版本基础库 </view>

    </block>

    <block wx:else>

      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>

      <text class="userinfo-nickname">{{userInfo.nickName}}</text>

    </block>

  </view>

  <view class="usermotto">

    <text class="user-motto">{{motto}}</text>

  </view>

</view>