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>
相关推荐
我能坚持多久几秒前
D20—C语言文件操作详解:从基础到高级应用
c语言·开发语言
橘子师兄17 分钟前
C++AI大模型接入SDK—ChatSDK封装
开发语言·c++·人工智能·后端
上天_去_做颗惺星 EVE_BLUE32 分钟前
Docker高效使用指南:从基础到实战模板
开发语言·ubuntu·docker·容器·mac·虚拟环境
2401_8576835432 分钟前
C++中的原型模式
开发语言·c++·算法
烬头882142 分钟前
React Native鸿蒙跨平台采用了函数式组件的形式,通过 props 接收分类数据,使用 TouchableOpacity实现了点击交互效果
javascript·react native·react.js·ecmascript·交互·harmonyos
s1hiyu42 分钟前
C++动态链接库开发
开发语言·c++·算法
Amumu1213842 分钟前
Vuex介绍
前端·javascript·vue.js
(❁´◡`❁)Jimmy(❁´◡`❁)43 分钟前
CF2188 C. Restricted Sorting
c语言·开发语言·算法
星火开发设计1 小时前
C++ 预处理指令:#include、#define 与条件编译
java·开发语言·c++·学习·算法·知识
许泽宇的技术分享1 小时前
第 1 章:认识 Claude Code
开发语言·人工智能·python