获得徽章 0
赞了这篇文章
赞了这篇文章
我用mpvue写了一个小程序,有个评分的小星星没有实现,代码如下:
html部分:
<div class="stars">
<!-- 全黄星 -->
<img
class="stars_img"
v-for="(stars,sta) in item.rating.all_stars"
:key="sta"
src="/static/images/star_fill_whole.png"
>
<!-- 半黄星 -->
<img
class="stars_img"
src="/static/images/star_fill_half.png"
v-if="item.rating.average>=index && item.rating.average%10!=0"
>
<!-- 全灰星 -->
<img
class="stars_img"
src="/static/images/star_fill_none.png"
v-if="item.rating.averag>0"
>
<span class="stars_sp" v-if="item.rating.average==0">暂无评分</span>
<span class="stars_sp" v-else>{{item.rating.average}}</span>
</div>
</div>
接口部分:
methods: {
douban() {
this.$store
.dispatch("in_theaters")
.then(data => {
let list = data.subjects;
list.forEach(item => {
var average = item.rating.average;
var all_stars = parseInt(average / 2);
item.rating.all_stars = all_stars;
// console.log(average);
});
})
.catch(error => {
console.log("接口请求失败:" + error);
});
}
}
求大神指点
html部分:
<div class="stars">
<!-- 全黄星 -->
<img
class="stars_img"
v-for="(stars,sta) in item.rating.all_stars"
:key="sta"
src="/static/images/star_fill_whole.png"
>
<!-- 半黄星 -->
<img
class="stars_img"
src="/static/images/star_fill_half.png"
v-if="item.rating.average>=index && item.rating.average%10!=0"
>
<!-- 全灰星 -->
<img
class="stars_img"
src="/static/images/star_fill_none.png"
v-if="item.rating.averag>0"
>
<span class="stars_sp" v-if="item.rating.average==0">暂无评分</span>
<span class="stars_sp" v-else>{{item.rating.average}}</span>
</div>
</div>
接口部分:
methods: {
douban() {
this.$store
.dispatch("in_theaters")
.then(data => {
let list = data.subjects;
list.forEach(item => {
var average = item.rating.average;
var all_stars = parseInt(average / 2);
item.rating.all_stars = all_stars;
// console.log(average);
});
})
.catch(error => {
console.log("接口请求失败:" + error);
});
}
}
求大神指点
展开
4
1
Android
Eclipse
Vuex
阿里巴巴
Photoshop
命令行
Chrome
响应式设计
jQuery
正则表达式
MySQL