92 lines
3.2 KiB
Text
92 lines
3.2 KiB
Text
|
<!--启动页面 - 现代化设计 + 系统适配-->
|
||
|
|
<view class="splash-container" style="height: {{windowHeight}}px;">
|
||
|
|
|
||
|
|
<!-- 背景装饰 -->
|
||
|
|
<view class="background-decorations">
|
||
|
|
<view class="decoration decoration-1">🫐</view>
|
||
|
|
<view class="decoration decoration-2">✨</view>
|
||
|
|
<view class="decoration decoration-3">🌟</view>
|
||
|
|
<view class="decoration decoration-4">💫</view>
|
||
|
|
<view class="decoration decoration-5">⭐</view>
|
||
|
|
<view class="decoration decoration-6">🫐</view>
|
||
|
|
<view class="decoration decoration-7">✨</view>
|
||
|
|
<view class="decoration decoration-8">🌟</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- Logo区域 -->
|
||
|
|
<view class="logo-container">
|
||
|
|
<view class="logo-animation">
|
||
|
|
<view class="logo-main">
|
||
|
|
<view class="logo-icon">🫐</view>
|
||
|
|
<view class="logo-rings">
|
||
|
|
<view class="ring ring-1"></view>
|
||
|
|
<view class="ring ring-2"></view>
|
||
|
|
<view class="ring ring-3"></view>
|
||
|
|
<view class="ring ring-4"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="logo-glow"></view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="app-info">
|
||
|
|
<text class="app-name">{{appName}}</text>
|
||
|
|
<text class="app-slogan">发现身边，连接世界</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 加载动画 -->
|
||
|
|
<view class="loading-container">
|
||
|
|
<view class="loading-animation {{isLoading ? 'active' : ''}}">
|
||
|
|
<view class="spinner-container">
|
||
|
|
<view class="spinner-dot dot-1"></view>
|
||
|
|
<view class="spinner-dot dot-2"></view>
|
||
|
|
<view class="spinner-dot dot-3"></view>
|
||
|
|
<view class="spinner-dot dot-4"></view>
|
||
|
|
<view class="spinner-dot dot-5"></view>
|
||
|
|
</view>
|
||
|
|
<view class="pulse-ring"></view>
|
||
|
|
</view>
|
||
|
|
<text class="loading-text">{{loadingText}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 进度条 -->
|
||
|
|
<view class="progress-container" wx:if="{{showProgress}}">
|
||
|
|
<view class="progress-track">
|
||
|
|
<view class="progress-fill" style="width: {{progress}}%;"></view>
|
||
|
|
<view class="progress-glow" style="left: {{progress}}%;"></view>
|
||
|
|
</view>
|
||
|
|
<view class="progress-info">
|
||
|
|
<text class="progress-percentage">{{progress}}%</text>
|
||
|
|
<text class="progress-description">正在加载资源...</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 版本信息 -->
|
||
|
|
<view class="version-info" style="bottom: {{safeAreaBottom + 40}}px;">
|
||
|
|
<view class="version-badge">
|
||
|
|
<view class="version-icon">🏷️</view>
|
||
|
|
<text class="version-text">v{{appVersion}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 错误提示 -->
|
||
|
|
<view class="error-overlay" wx:if="{{showError}}">
|
||
|
|
<view class="error-content">
|
||
|
|
<view class="error-icon">⚠️</view>
|
||
|
|
<text class="error-title">启动失败</text>
|
||
|
|
<text class="error-message">{{errorMessage}}</text>
|
||
|
|
<view class="error-actions">
|
||
|
|
<view class="retry-button" bindtap="onRetry">
|
||
|
|
<view class="button-icon">🔄</view>
|
||
|
|
<text class="button-text">重试</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 启动完成动画 -->
|
||
|
|
<view class="success-animation" wx:if="{{progress === 100 && !showError}}">
|
||
|
|
<view class="success-icon">✅</view>
|
||
|
|
<text class="success-text">启动成功</text>
|
||
|
|
</view>
|
||
|
|
</view>
|