<!--pages/choosecountry/choosecountry.wxml-->
 <template name='country'>
  <view class='countrycontainer' bindtap='chooseCountry' data-country='{{item.name}}'
    data-area='{{item.area}}' data-id='{{item.id}}'>
    <view class='countryname'>{{item.name}}</view>
    <view class='countrycode'>+{{item.area}}</view>
  </view>
</template> 
<view class='rootcontainer'>
  <block wx:for='{{list}}'wx:key="{{index}}">
   <template is='country' data="{{item}}"/>
  </block>
</view>