cultivationApp/components/imgCard.vue

40 lines
782 B
Vue
Raw Normal View History

2023-10-23 09:00:12 +08:00
<template>
<view class="">
<view class="head-img">
<view class="">
<u--image src="/static/img/GJ.jpg" width="693.93rpx" height=" 394.28rpx" alt=""></u--image>
</view>
<view class="poisition">
更新时间: 2023-11-16
</view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss" scoped>
.head-img {
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
margin: 28rpx auto;
position: relative;
overflow: hidden;
.poisition {
opacity: 0.7;
position: absolute;
width: 292.64rpx;
height: 45rpx;
background-color: #FFFFFF;
left: 21rpx;
bottom: 21rpx;
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 22.78rpx;
}
}
</style>