199 lines
6.2 KiB
TypeScript
199 lines
6.2 KiB
TypeScript
// components/star/star.ts
|
|
Component({
|
|
/**
|
|
* 组件的属性列表
|
|
*/
|
|
properties: {
|
|
score: {
|
|
type: Number,
|
|
value: 5
|
|
},
|
|
starKey: {
|
|
type: String,
|
|
},
|
|
starType: {
|
|
type: String,
|
|
value: "stars"
|
|
},
|
|
size:{
|
|
type:String,
|
|
// value:""
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 组件的初始数据
|
|
*/
|
|
data: {
|
|
stars: [
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
}
|
|
],
|
|
starsList: {
|
|
stars: [
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/star_0.png",
|
|
bgImg_half: "/assets/images/searchResult/star_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/star_1.png"
|
|
}
|
|
],
|
|
stars_half: [
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar_1.png",
|
|
bgImg_half: "/assets/images/searchResult/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_0.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar_1.png",
|
|
bgImg_half: "/assets/images/searchResult/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_0.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar_1.png",
|
|
bgImg_half: "/assets/images/searchResult/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_0.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar_1.png",
|
|
bgImg_half: "/assets/images/searchResult/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_0.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar_1.png",
|
|
bgImg_half: "/assets/images/searchResult/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_0.png"
|
|
}
|
|
],
|
|
cStars: [
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
}
|
|
],
|
|
rStars: [
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/searchResult/cStar.png",
|
|
bgImg_all: "/assets/images/searchResult/cStar_active.png"
|
|
}
|
|
],
|
|
cStars_half: [
|
|
{
|
|
bgImg: "/assets/images/card/cStar_0.png",
|
|
bgImg_half: "/assets/images/card/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/card/cStar_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/card/cStar_0.png",
|
|
bgImg_half: "/assets/images/card/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/card/cStar_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/card/cStar_0.png",
|
|
bgImg_half: "/assets/images/card/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/card/cStar_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/card/cStar_0.png",
|
|
bgImg_half: "/assets/images/card/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/card/cStar_1.png"
|
|
},
|
|
{
|
|
bgImg: "/assets/images/card/cStar_0.png",
|
|
bgImg_half: "/assets/images/card/cStar_0.5.png",
|
|
bgImg_all: "/assets/images/card/cStar_1.png"
|
|
}
|
|
],
|
|
},
|
|
},
|
|
|
|
/**
|
|
* 组件的方法列表
|
|
*/
|
|
methods: {
|
|
handleClick(e) {
|
|
console.log(e);
|
|
// if (e.currentTarget.dataset.score === 1) {
|
|
// this.triggerEvent('setScore', { score: 0 })
|
|
// }else{
|
|
this.triggerEvent('setScore', { score: e.currentTarget.dataset.score })
|
|
// }
|
|
|
|
}
|
|
}
|
|
})
|