收藏视图添加有更新提示,优化格式

This commit is contained in:
haiyangcui
2020-10-30 15:16:05 +01:00
parent 16e8ef2c4a
commit 5a115700e3
2 changed files with 23 additions and 6 deletions

View File

@@ -171,6 +171,7 @@ export default {
watch: {
view () {
this.getRecommandations()
this.$refs.waterfall.refresh()
}
},
methods: {
@@ -342,10 +343,10 @@ export default {
}
.rate{
position: absolute;
top: 10%;
right: -35%;
top: 5%;
right: -40%;
width: 100%;
background-color: #111111aa;
background-color: #2f90b9;
color: #cdcdcd;
height: 30px;
line-height: 30px;

View File

@@ -88,6 +88,9 @@
<div class="rate" v-if="props.data.rate && props.data.rate !== '暂无评分'">
<span>豆瓣: {{props.data.rate}}</span>
</div>
<div class="update" v-if="props.data.hasUpdate">
<span>有更新</span>
</div>
<img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(props.data)">
<div class="operate">
<div class="operate-wrap">
@@ -503,10 +506,10 @@ export default {
}
.rate{
position: absolute;
top: 10%;
right: -35%;
top: 5%;
right: -40%;
width: 100%;
background-color: #111111aa;
background-color: #2f90b9;
color: #cdcdcd;
height: 30px;
line-height: 30px;
@@ -514,6 +517,19 @@ export default {
text-align: center;
transform: rotate(45deg);
}
.update{
position: absolute;
top: 5%;
left: -40%;
width: 100%;
background-color: #68b88e;
color: #cdcdcd;
height: 30px;
line-height: 30px;
font-size: 14px;
text-align: center;
transform: rotate(-45deg);
}
.operate{
display: none;
position: absolute;