优化'豆瓣评分'样式

This commit is contained in:
haiyangcui
2020-10-30 09:11:12 +01:00
parent 2ec05b6ab5
commit 1ffcb38b4b
2 changed files with 11 additions and 7 deletions

View File

@@ -62,8 +62,8 @@
<template slot="item" slot-scope="props">
<div class="card">
<div class="img">
<div class="rate">
<span v-if="props.data.rate && props.data.rate !== '暂无评分'">豆瓣: {{props.data.rate}}</span>
<div class="rate" v-if="props.data.rate && props.data.rate !== '暂无评分'">
<span>豆瓣: {{props.data.rate}}</span>
</div>
<img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(props.data)">
<div class="operate">

View File

@@ -85,8 +85,8 @@
<template slot="item" slot-scope="props">
<div class="card">
<div class="img">
<div class="rate">
<span v-if="props.data.rate && props.data.rate !== '暂无评分'">豆瓣评分: {{props.data.rate}}</span>
<div class="rate" v-if="props.data.rate && props.data.rate !== '暂无评分'">
<span>豆瓣: {{props.data.rate}}</span>
</div>
<img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(props.data)">
<div class="operate">
@@ -503,13 +503,17 @@ export default {
cursor: pointer;
}
.rate{
right: 0;
top: 0;
position: absolute;
top: 10%;
right: -35%;
width: 100%;
font-size: 1rem;
background-color: #111111aa;
color: #cdcdcd;
height: 30px;
line-height: 30px;
font-size: 14px;
text-align: center;
transform: rotate(45deg);
}
.operate{
display: none;