uniapp实现页面开发中

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>
相关推荐
心连欣6 分钟前
从静态页面到动态交互:DOM操作的核心API解析
前端·javascript·api
零瓶水Herwt14 分钟前
Javascript常用设计模式
javascript
风骏时光牛马19 分钟前
C Shell脚本编程与系统管理技术实践指南
javascript
烛衔溟19 分钟前
TypeScript this 参数类型与全局 this
javascript·ubuntu·typescript
qq_120840937128 分钟前
Three.js 工程向:GLTFLoader 管线、Draco/KTX2 与资源管理
开发语言·javascript·ecmascript
下地种菜小叶35 分钟前
定时任务系统怎么设计?一次讲清任务注册、分布式调度、幂等执行与失败补偿
java·开发语言·数据库·oracle·rabbitmq
billy_huang41 分钟前
Capacitor的基本使用
javascript·android studio
csbysj20201 小时前
业务代表模式
开发语言
sghuter1 小时前
AI重塑工程师:未来核心能力全景图
开发语言·perl·composer·symfony
浪客川1 小时前
【百例RUST - 013】泛型
开发语言·后端·rust