Реализация рейтинга Applet звезда

<! - страницы / тест / test.wxml ->
<Вид>
<Вид> а: отображение фона счет </ вид>
<блок Wx: для = "{{one_1}}">
<Изображение SRC = '.. / .. / изображения / use_sc2.png'> </ Изображение>
</ Блок>
<блок Wx: для = "{{two_1}}">
<Изображение SRC = '.. / .. / изображения / use_sc.png'> </ Изображение>
</ Блок>
</ Вид>
<Вид> где Num является фракцией до нескольких звезд отображается </ Вид>
 
<Посмотреть стиль = 'маржа-топ: 60px;'> II: отображение выбранного пользователя рейтинга </ вида>
<блок WX: для = "{{one_2}}" WX: ключ = "индекс">
<catchtap изображения = 'in_xin' ID = '{{индекс + 1}}' данных- в 'use_sc2' = SRC = '.. / .. / изображения / use_sc2.png'> </ изображений>
</ Блок>
<блок WX: для = "{{two_2}}" WX: ключ = "индекс">
<catchtap изображения = 'in_xin' ID = '{{индекс + 1}}' данных- в 'use_sc' = SRC = '.. / .. / изображения / use_sc.png'> </ изображений>
</ Блок>
<Вид> {{one_2}} 星 </ вид>

 

// страница / тест / test.js 
страницы ({
   / * *
   * Унифицированная из 5 звезд
   * /
  данные: {
    NUM: . 4, // заднего конца партитуры отображается соответствующими звезды 
    one_1: «» ,
    two_1: '' ,
    one_2: 0 ,
    two_2: 5
  },
  OnLoad: функция (Options) {
     // Случай 1: показать кулисы , чтобы забить 
        на эту .setData ({
          one_1: это .data.num,
          two_1: 5 - это .data.num
        })
  },
 
  @ Случай 2: Рейтинг пользователя в 
  in_xin: функция (E) {
     вар . In_xin = e.currentTarget.dataset In ;
     вар one_2;
     IF (in_xin === 'use_sc2' ) {
      one_2 = Число (e.currentTarget.id);
    } Еще {
      one_2 = количество (e.currentTarget.id) + это .data.one_2;
    }
    это .setData ({
      one_2: one_2,
      two_2: 5 - one_2
    })
  }
})

 

/ * Страниц / тест / test.wxss * /
образ{
  высота: 60rpx;
  ширина: 60rpx;
  отображения: встроенный - блок
}

 

Этот код может быть непосредственно применен, вам необходимо изменить адрес изображения