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>
相关推荐
风风吹不到8 分钟前
JavaScript入门基础篇-day04
开发语言·前端·javascript
nbsaas-boot11 分钟前
从架构视角设计统一网络请求体系 —— 基于 uni-app 的前后端通信模型
网络·架构·uni-app
软件技术NINI1 小时前
html+css+js趣味小游戏~HexGL赛车竞速(附源码)
javascript·css·html
CCI3441 小时前
报错SvelteKitError: Not found: /.well-known/appspecific/com.chrome.devtools.json
javascript·chrome·json
技术小丁2 小时前
使用 HTML + JavaScript 实现图片裁剪上传功能
前端·javascript
飘尘2 小时前
用GSAP实现一个有趣的加载页!
前端·javascript·react.js
我怎么能这么帅气2 小时前
Node定时器集体罢工!深挖事件循环中那些"时间刺客"
前端·javascript·node.js
懋学的前端攻城狮2 小时前
揭开JavaScript难点:函数特性与作用域链详解
前端·javascript
lqj_本人2 小时前
鸿蒙OS&UniApp开发跨平台AR扫描识别应用:HarmonyOS实践指南#三方框架 #Uniapp
uni-app·ar·harmonyos