微信小程序使用template标签实现五星评分

前言

   微信小程序特点“无须安装，无须卸载，触手可及，用完即走”，适合轻量级应用快速开发。小程序模版思想是它开发的核心思想，可以帮助开发者减少很多重复代码，我们来看看怎么在小程序中实现市面上常用的评分组件, 看看效果图：

创建模版

wxml文件：

  以<template>为根节点，添加name属性用来区分不同模版：

<template name="starsTemplate">
  <view class='stars-container'>
    <view class='stars'>
    <block wx:for="{
  {stars}}" wx:for-item="i" wx:key="position">
      <image wx:if="{
  {i}}" src='/images/icon/star.png'></image>
       <!-- <image wx:elif="{
  {i==2