vue實現星級評分

2021-09-23 13:29:13 字數 616 閱讀 8560

>

v-for

="item in stararr"

:class

="item"

>

span

>

div>

export

default

, computed:

var half =

this

.star-onstar

//半星

if(half>=

0.5)

//灰色星星

while

(starclass.length<5)

return starclass;}}

}

/*路徑需要更改自己電腦上的路徑*/

.half_star

.on_star

.off_star

直接複製到字尾名為 .vue的檔案中就可以使用 不過我的props是進行了父傳子接收資料 如果你不需要父傳子,那麼你要自己寫評分了 我的評分是在0-5這個範圍之間 如果你是別的分數的話,可以對star部分稍作更改

學無止境

swift 實現星級評分

通過新增形式實現星級打分功能.建立兩個檢視,其中乙個新增灰色星星,另乙個新增橘色星星.橘色星星檢視覆蓋灰色星星檢視,通過修改橘色星星檢視的寬度實現評分的展現.建立乙個繼承於 uiview 的類,作為星級打分的顯示檢視 建立灰色星星檢視,並新增到父檢視.建立橘色星星檢視,新增到父檢視,保證橘色檢視覆蓋...

css實現星級商戶評分

之前看到大眾點評中有星級商戶這樣的標籤感到挺有意思的,就偷偷模仿了下。其實,大眾點評的星級商戶的樣式並沒有用到什麼複雜的外掛程式,只靠css就能輕鬆的實現,並且可以動態的控制。好了,閒話不說了,先來看看怎麼來做吧。首先,我們需要一張,如下所示 然後寫下我們所需的樣式 item rank rst ir...

jquery實現星級評分效果

效果圖如下 很不好 li rating item rating title 不好 li rating item rating title 一般 li rating item rating title 好 li rating item rating title 很好 li ul titletext u...