uniapp实现页面开发中

梦幻蔚蓝2024-10-12 11:51
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>