希望對你們有用，已經自己試過可以的才發布出來的 效果如下： html： <template> <div class="evaStar"> <ul class=" ...

...

.wxml .wxss .js ...

說明： 　　本方法采用了Jquery庫，暫時檢測兼容IE8版本。本示例的2種顏色的星星都是放入了一張png圖片當中，當然還有其他的一些實現思路。本示例展示的情況是當前頁面只有一個星級評價的情況。 思路： 　　通過對星級顯示元素的，mouseenter,mouseout,click 三個事件 ...

css: .star_bg { width: 150px; height: 26px; background: url(/*星星圖片*/) repeat-x; ...

需要引入的js 需要的圖片 具體使用： 在需要顯示星級的地方加一個div 在script中初始化 score:需要顯示的星星個數 starOn：鼠標放上去時顯示的圖標的位置 starOff：鼠標離開后顯示的圖標的位置 ...

效果圖 實現 使用方法 1.在布局文件中使用 2.在代碼中使用 ...

概述： 電商網站中的訂單一般都允許評價，比如質量評價和服務評價等，頁面上以星星多少表示評價的高低。 （以下截圖來源於京東） 本文基於自己的理解和實現“五星級評價”，供參考 ...