修改UI问题初
This commit is contained in:
@@ -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 栏 (状态栏 + 单张完整logo,UI-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;
|
||||
/* 单张完整 logo,UI-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 #000000(UI-002 由 8px 调整为 10号 → 19rpx) */
|
||||
.stat-label {
|
||||
margin-top: 18rpx;
|
||||
font-size: 16rpx;
|
||||
font-size: 19rpx;
|
||||
color: #000000;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
|
||||
Reference in New Issue
Block a user