微信小程序 --- 星级评价效果

效果预览：

wxml代码部分：

<view class='topMaxBox'>
  <view class='topLeft' style='width: {
   { imgW }}px; height: {
   { imgW }}px; flex: {
   { imgW }}px 0 0;'>
    <image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image>
  </view>
  <view class='topRight'>
    <view class='r_top'>
      <text>商品名称</text>
      <text>{
   { evaluate }}