星級評價功能實現

2022-07-01 04:09:11 字數 664 閱讀 4703

本例中的星級功能採用的方式來實現,包含半星、滿星和不填充星。

**部分

ul 

ul, li

.star

.star li

.star li img

// el表示選擇器, score表示當前評分, fullstar表示星級評分滿分分數(預設為5)

function stars() else if (score > i) else

} else

}document.queryselector(el).innerhtml = html;

}stars()

直接儲存到本地即可

設定星級評價

starview.m limitfree created by mac on 15 1 6.import starview.h starview這個類是uiview的子類,要想在xib上使用這個類,可以在xib上放乙個uiview,然後設定uiview的custom class為starview 方...

ionic4 星級評價

1.建立乙個ionic專案 ionic start 專案名稱2.安裝依賴 使用ctrl c退出當前安裝,然後cd到所建立的專案,安裝依賴 cd 剛剛建立的專案名稱 cnpm install 3.新建star rating元件 ionic g component home star rating4.安...

關於怎麼繪製星級評價方法

首先看下效果 用函式 寫法 1然後在html中的body中呼叫就行 這是用函式的方法來顯示星級 用 當然還有幾種方法,如純css或者是css js。純css 不用 1 css star start 2 star rating 3 12 star rating 13 18 star rating a ...