前言

成都創(chuàng)新互聯(lián)專注于延川企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,商城網(wǎng)站定制開發(fā)。延川網(wǎng)站建設(shè)公司,為延川等地區(qū)提供建站服務(wù)。全流程按需定制網(wǎng)站，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

微信小程序特點“無須安裝，無須卸載，觸手可及，用完即走”，適合輕量級應(yīng)用快速開發(fā)。小程序模版思想是它開發(fā)的核心思想，可以幫助開發(fā)者減少很多重復(fù)代碼，我們來看看怎么在小程序中實現(xiàn)市面上常用的評分組件, 看看效果圖：

創(chuàng)建模版

wxml文件：

以<template>為根節(jié)點，添加name屬性用來區(qū)分不同模版：

<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}}" src='/images/icon/none-star.png'></image> -->
    <image wx:else src='/images/icon/none-star.png'></image>
  </block>
  </view>
  <text class='star-score'>{{score}}</text>
 </view>
</template>

分享名稱：微信小程序使用template標(biāo)簽實現(xiàn)五星評分功能-創(chuàng)新互聯(lián)
當(dāng)前URL：http://aaarwkj.com/article20/jscjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、靜態(tài)網(wǎng)站、商城網(wǎng)站、響應(yīng)式網(wǎng)站、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)