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>
相关推荐
愚者Pro2 小时前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
努力努力再努力wz3 小时前
【Qt入门系列】:按钮组件全解析:从 QAbstractButton 到快捷键事件、单选与复选机制
c语言·开发语言·数据结构·c++·git·qt·github
skywalk81634 小时前
言知(Yanzhi)系统提升建议报告和完工报告 by AutoCoder
开发语言·编程
yunn_4 小时前
单例模式两种实现方法
开发语言·c++·单例模式
我材不敲代码4 小时前
Python基础:列表详解、增删改查及常用高阶操作
开发语言·windows·python
zithern_juejin4 小时前
new 运算符
javascript
AI玫瑰助手4 小时前
Python运算符:成员运算符(in/not in)的使用场景
开发语言·python·信息可视化
前端毕业班4 小时前
uniapp web 灵活控制 style scoped
前端·javascript·vue.js
AI人工智能+电脑小能手5 小时前
【大白话说Java面试题 第77题】【Mysql篇】第7题:回表查询与全表扫描的区别?
java·开发语言·数据库·mysql·面试
水木流年追梦5 小时前
大模型入门-大模型分布式训练2
开发语言·分布式·python·算法·正则表达式·prompt