Fix H5 all-in-one asset paths

This commit is contained in:
Chopper711
2026-06-17 16:45:36 +08:00
parent a19f039da4
commit e4e6bd272c
11 changed files with 185 additions and 17 deletions

View File

@@ -321,7 +321,7 @@ page {
.star {
width: 30rpx;
height: 30rpx;
background: url("/static/star.png");
background: url("../../static/star.png");
background-size: 100%;
}
}

View File

@@ -1,5 +1,5 @@
.group-wrapper {
background: url("/static/exchange.png");
background: url("../../../../static/exchange.png");
background-size: cover;
}
.u-group-row {

View File

@@ -119,7 +119,7 @@
<style lang="scss" scoped>
.header-wraper {
background: url('/static/bg.png');
background: url('../../static/bg.png');
height: 200rpx;
display: flex;
align-items: center;

View File

@@ -35,7 +35,7 @@ export default {
.user-point {
padding: 0 20rpx;
height: 300rpx;
background: url("/static/point-bg.png") no-repeat;
background: url("../../../static/point-bg.png") no-repeat;
background-size: 100%;
}
.point {
@@ -57,4 +57,4 @@ export default {
font-size: 36rpx;
font-weight: bold;
}
</style>
</style>

View File

@@ -168,7 +168,7 @@
}
.header-wraper {
background: url('/static/bg.png');
background: url('../../static/bg.png');
height: 200rpx;
display: flex;
align-items: center;

View File

@@ -0,0 +1,10 @@
import assert from 'node:assert/strict';
import { readFileSync } from 'node:fs';
import test from 'node:test';
const source = readFileSync(new URL('./my.vue', import.meta.url), 'utf8');
test('member center header background resolves under the H5 base path', () => {
assert.doesNotMatch(source, /background-image:\s*url\(["']\/static\/img\/main-bg\.png["']\)/);
assert.match(source, /background-image:\s*url\(["']\.\.\/\.\.\/\.\.\/static\/img\/main-bg\.png["']\)/);
});

View File

@@ -174,7 +174,7 @@ body {
background-size: cover;
border-bottom-left-radius: 30rpx;
border-bottom-right-radius: 30rpx;
background-image: url("/static/img/main-bg.png");
background-image: url("../../../static/img/main-bg.png");
background-position: bottom;
background-repeat: no-repeat;
color: #ffffff;