换背景,印花single模式交互修改

This commit is contained in:
X1627315083
2024-07-02 14:15:11 +08:00
parent 8e694ce2c4
commit 2bc888eac9
12 changed files with 196 additions and 91 deletions

View File

@@ -17,6 +17,7 @@
height: item.style.imgHeihgt + 'px',
}"
/>
<div v-if="item.original == 1" class="falls_item_user_Original">{{$t('newScaleImage.Original')}}</div>
</div>
<!-- 文字 -->
@@ -298,6 +299,19 @@ export default defineComponent({
object-fit: cover;
transition: all .3s;
}
.falls_item_user_Original{
font-weight: 600;
font-size: 12px;
color: #39215b;
background: #c9a2ff;
padding: 0 5px;
border-radius: 4px;
margin-right: 2px;
position: absolute;
top: 10px;
right: 10px;
left: auto;
}
}
.falls_item_bottom{
padding: 0 10px;
@@ -334,8 +348,14 @@ export default defineComponent({
text-overflow: ellipsis;
white-space: nowrap;
color: #000;
div{
display: flex;
flex-direction: column;
align-items: flex-start;
>div{
font-size: 16px;
display: flex;
align-items: center;
}
span{
font-size: 12px;