修改UI问题初

This commit is contained in:
2026-08-31 17:37:32 +08:00
parent 585b30a615
commit 18ee29e422
16 changed files with 386 additions and 1070 deletions
+19 -19
View File
@@ -4,20 +4,19 @@
<!-- 渐变背景层 -->
<view class="hero-gradient-bg"></view>
<!-- 地球背景图 (y:228, 390x390) -->
<!-- 地球背景图 (远程高清原图UI-003) -->
<view class="hero-earth">
<image
class="earth-img"
src="/static/images/home/Rectangle_178_1426_1248.png"
:src="heroImg"
mode="aspectFill"
></image>
</view>
<!-- 顶部 Logo (状态栏 + logo) -->
<!-- 顶部 Logo (状态栏 + 单张完整logoUI-001) -->
<view class="hero-top-bar" :style="{ paddingTop: statusBarHeight + 'px' }">
<view class="logo-wrap">
<image class="logo-en" src="/static/icons/home/logo_en.svg" mode="aspectFit"></image>
<image class="logo-cn" src="/static/icons/home/logo_cn.svg" mode="aspectFit"></image>
<image class="logo" :src="logoUrl" mode="aspectFit"></image>
</view>
</view>
@@ -45,6 +44,11 @@
</template>
<script>
import { buildUrl } from '@/api/request.js'
// 远程静态资源前缀(服务器 miniprogram 文件夹)
const ASSET_BASE = '/assets/miniprogram/'
export default {
name: 'HeroBanner',
props: {
@@ -55,7 +59,11 @@ export default {
},
data() {
return {
statusBarHeight: 20
statusBarHeight: 20,
// 单张完整 logo(含中英文与分割线),UI-001
logoUrl: buildUrl(ASSET_BASE + 'logo.png'),
// 全球地图主视觉高清原图(保留切图原始文件名),UI-003
heroImg: buildUrl(ASSET_BASE + '首页主视觉全球图.png')
}
},
created() {
@@ -122,19 +130,11 @@ export default {
padding: 0 20rpx;
box-sizing: border-box;
}
/* 英文 logo 73x30 */
.logo-en {
width: 146rpx;
/* 单张完整 logoUI-001 */
.logo {
width: 320rpx;
height: 60rpx;
}
/* 中文 logo 72x12 - 左侧带分隔线 */
.logo-cn {
width: 144rpx;
height: 24rpx;
margin-left: 12rpx;
padding-left: 12rpx;
border-left: 1rpx solid #ff6800;
}
/* 内容层 */
.hero-content {
@@ -208,10 +208,10 @@ export default {
color: #ff6800;
line-height: 1.2;
}
/* 标签 - 8px Regular #000000 */
/* 标签 - 10px Regular #000000UI-002 由 8px 调整为 10号 → 19rpx */
.stat-label {
margin-top: 18rpx;
font-size: 16rpx;
font-size: 19rpx;
color: #000000;
line-height: 1.2;
white-space: nowrap;