update

src/pages/comingSoon/index.vue

@@ -0,0 +1,92 @@
+<script setup>
+import jqqd from "../../static/icons/jqqd.jpg";
+import XNav from "../../components/XNav.vue";
+</script>
+
+<template>
+    <!--敬请期待-->
+    <XNav></XNav>
+
+    <view class="container">
+        <view class="content">
+            <view class="image-wrapper">
+                <image class="main-image" :src="jqqd" mode="aspectFit"/>
+            </view>
+            <view class="text-section">
+                <text class="title">敬请期待</text>
+                <text class="subtitle">精彩内容正在建设中...</text>
+            </view>
+        </view>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.container {
+    height: calc(100vh - 100rpx);
+    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 40rpx;
+}
+
+.content {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    animation: fadeIn 1s ease-in;
+}
+
+.image-wrapper {
+    width: 400rpx;
+    height: 400rpx;
+    margin-bottom: 60rpx;
+    animation: float 3s ease-in-out infinite;
+    border-radius: 50%;
+    overflow: hidden;
+}
+
+.main-image {
+    width: 100%;
+    height: 100%;
+}
+
+.text-section {
+    text-align: center;
+}
+
+.title {
+    display: block;
+    font-size: 28px;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 20rpx;
+}
+
+.subtitle {
+    display: block;
+    font-size: 16px;
+    color: #666;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(20rpx);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes float {
+    0%, 100% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-20rpx);
+    }
+}
+</style>