You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

83 lines
1.3 KiB

3 months ago
<template>
<view class="page-container">
<view class="header">
<view @click="goBack" class="back-btn">
<image
class="back-icon"
src="https://static.ticket.sz-trip.com/epicSoul/taozi/back.png"
mode="aspectFill"
></image>
</view>
</view>
<image
class="tag-image"
:src="showImg('/uploads/20250802/c3d19d8a0b35d6acbcfd0a9748806951.png')"
mode="aspectFill"
></image>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
goBack() {
uni.navigateBack()
}
}
}
</script>
<style lang="scss" scoped>
.header {
display: flex;
align-items: center;
padding: 50rpx 30rpx 30rpx;
position: relative;
}
.back-btn {
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
width: 80rpx;
height: 80rpx;
display: flex;
align-items: center;
justify-content: center;
}
.back-icon {
width: 50rpx;
height: 50rpx;
}
.title {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 48rpx;
font-weight: bold;
color: white;
}
.tag-image {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 0;
}
.description {
text-align: center;
}
.desc-text {
font-size: 36rpx;
color: white;
line-height: 1.6;
}
</style>