获得徽章 0
前端 @腾讯
前端 @腾讯
前端 @腾讯
关注了标签 Android Android
前端 @腾讯
我用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);
});
}
}
求大神指点
展开
4
赞了这篇沸点
😔 别人家的程序猿鼓励师~~~~
shotCat于2019-02-28 09:19发布的图片
23
关注了标签 Eclipse Eclipse
前端 @腾讯
关注了标签 Vuex Vuex
前端 @腾讯
前端 @腾讯
关注了标签 Photoshop Photoshop
前端 @腾讯
关注了标签 命令行 命令行
前端 @腾讯
关注了标签 Chrome Chrome
前端 @腾讯
前端 @腾讯
关注了标签 jQuery jQuery
前端 @腾讯
前端 @腾讯
关注了标签 MySQL MySQL
前端 @腾讯
下一页
个人成就
文章被阅读 154
掘力值 11
收藏集
1
关注标签
41
加入于