java
<template>
<view class="container">
<view class="loading-wrapper">
<image class="zhutu" src="/static/images/construct.jpg" mode="aspectFit"></image>
<text class="loading-text">项目信息页面建设中...</text>
<!-- <image class="loading-image" src="/static/loading.gif" mode="aspectFit"></image> -->
</view>
</view>
</template>
<script>
export default {
data() {
return {
// 你可以在这里添加页面的数据
};
},
methods: {
// 你可以在这里添加页面的方法
},
onLoad() {
// 页面加载时的逻辑
}
};
</script>
<style scoped>
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #f5f5f5;
}
.loading-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.loading-text {
margin-top: 20px;
font-size: 16px;
color: #333;
}
.loading-image {
width: 100px;
height: 100px;
margin-top: 20px;
}
</style>