Files
tk-mini-program/pages/Mine/minecomponents/contact.vue
pengxiaolong 3c2d7e5959 优化页面
2025-06-10 23:06:51 +08:00

66 lines
1.2 KiB
Vue

<template>
<view class="contact">
<view class="bg">
<image class="bgImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill" />
</view>
<view class="Return" @click="onBack">
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
</view>
<view class="title">联系客服</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
// 页面加载时执行
},
methods: {
onBack() {
// 返回上一页
wx.navigateBack({
delta: 1
})
}
}
}
</script>
<style scoped>
.bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.bgImg {
width: 100%;
height: 100%;
}
.Return {
position: absolute;
top: 110rpx;
left: 35rpx;
width: 46rpx;
height: 46rpx;
}
.title {
position: absolute;
top: 120rpx;
left: 315rpx;
font-size: 34rpx;
color: #100e0f;
font-weight: 500;
}
.ReturnImg {
width: 100%;
height: 100%;
}
</style>