This commit is contained in:
yixu
2025-09-16 13:56:43 +08:00
parent 67a9330fda
commit 1b9584393a
4 changed files with 659 additions and 659 deletions

View File

@@ -322,22 +322,22 @@ const buttonUploadedPosition = (index) => {
const ADJUSTMENT_CONFIG = { const ADJUSTMENT_CONFIG = {
shenxian: { shenxian: {
1:8, 2:6, 3:6, 4:5, 5:5, 6:4 1:16, 2:12, 3:12, 4:10, 5:10, 6:8
}, },
xianxia: { xianxia: {
1:8, 2:6, 3:6, 4:5, 5:5, 6:4 1:11, 2:12, 3:12, 4:10, 5:10, 6:8
}, },
fugu: { fugu: {
1:6, 2:7, 3:7, 4:5, 5:5, 6:4 1:12, 2:14, 3:14, 4:10, 5:10, 6:8
}, },
xinzhongshi: { xinzhongshi: {
1:6, 2:7, 3:4, 4:5, 5:3, 6:4 1:12, 2:14, 3:8, 4:10, 5:6, 6:8
}, },
luying: { luying: {
1:6, 2:7, 3:4, 4:5, 5:3, 6:4 1:12, 2:14, 3:8, 4:10, 5:6, 6:8
}, },
paidui:{ paidui:{
1:6, 2:7, 3:6, 4:5, 5:6, 6:4 1:12, 2:14, 3:12, 4:10, 5:12, 6:8
} }
}; };
@@ -347,7 +347,7 @@ const buttonUploadedPosition = (index) => {
} }
return { return {
top:`${adjustedTop}%`, top:`${adjustedTop}vw`,
left :pos.left , left :pos.left ,
"--item-width" :pos.width "--item-width" :pos.width
}; };

View File

@@ -168,7 +168,7 @@ markers.value = [
<RecycleScroller <RecycleScroller
class="scroller" class="scroller"
:items="images" :items="images"
:item-size="8" :item-size="1"
key-field="id" key-field="id"
v-slot="{ item, index }" v-slot="{ item, index }"
> >
@@ -338,7 +338,7 @@ markers.value = [
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 8vh; height: 100%;
padding: 0 6vw; padding: 0 6vw;
} }
@@ -362,7 +362,7 @@ markers.value = [
bottom: 1vh; bottom: 1vh;
left: 5vw; left: 5vw;
width: 90vw; width: 90vw;
height: 8vh; height: 17vw;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom center; background-position: bottom center;
@@ -390,7 +390,7 @@ markers.value = [
display: flex; display: flex;
flex-flow: row; flex-flow: row;
flex-wrap: wrap; flex-wrap: wrap;
top: 10vw; top: 15vw;
} }
.image-container { .image-container {

View File

@@ -2,109 +2,109 @@ const imagePositionMaps = {
shenxian: { shenxian: {
1: { 1: {
positions: [{ positions: [{
top: '41%', top: '83vw',
left: '38%', left: '38vw',
width: '55px' width: '13vw'
}, },
{ {
top: '56%', top: '114vw',
left: '57%', left: '57vw',
width: '55px' width: '13vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '43%', top: '86vw',
left: '39%', left: '39vw',
width: '55px' width: '13vw'
}, },
{ {
top: '56%', top: '114vw',
left: '60%', left: '60vw',
width: '55px' width: '13vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '49%', top: '98vw',
left: '30%', left: '30vw',
width: '55px' width: '13vw'
}, },
{ {
top: '47%', top: '95vw',
left: '53%', left: '53vw',
width: '55px' width: '13vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '40%', top: '80vw',
left: '31%', left: '31vw',
width: '50px' width: '11vw'
}, },
{ {
top: '36%', top: '72vw',
left: '61%', left: '61vw',
width: '50px' width: '11vw'
}, },
{ {
top: '62%', top: '124vw',
left: '40%', left: '40vw',
width: '50px' width: '11vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '39%', top: '76vw',
left: '32%', left: '32vw',
width: '44px' width: '10vw'
}, },
{ {
top: '36%', top: '72vw',
left: '54%', left: '54vw',
width: '44px' width: '10vw'
}, },
{ {
top: '60%', top: '118vw',
left: '43%', left: '43vw',
width: '44px' width: '10vw'
}, },
{ {
top: '55%', top: '107vw',
left: '68%', left: '68vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '42%', top: '84vw',
left: '26%', left: '26vw',
width: '40px' width: '8vw'
}, },
{ {
top: '39%', top: '76vw',
left: '43%', left: '43vw',
width: '40px' width: '8vw'
}, },
{ {
top: '39%', top: '76vw',
left: '59%', left: '59vw',
width: '40px' width: '8vw'
}, },
{ {
top: '44%', top: '88vw',
left: '68%', left: '68vw',
width: '40px' width: '8vw'
}, },
{ {
top: '53%', top: '106vw',
left: '41%', left: '41vw',
width: '40px' width: '8vw'
} }
] ]
}, },
@@ -112,114 +112,114 @@ const imagePositionMaps = {
xianxia: { xianxia: {
1: { 1: {
positions: [{ positions: [{
top: '46%', top: '93vw',
left: '33%', left: '33vw',
width: '55px' width: '13vw'
}, },
{ {
top: '46%', top: '93vw',
left: '61%', left: '61vw',
width: '55px' width: '13vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '41%', top: '83vw',
left: '37%', left: '37vw',
width: '55px' width: '13vw'
}, },
{ {
top: '55%', top: '110vw',
left: '55%', left: '55vw',
width: '55px' width: '13vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '40%', top: '80vw',
left: '34%', left: '34vw',
width: '55px' width: '13vw'
}, },
{ {
top: '44%', top: '88vw',
left: '57%', left: '57vw',
width: '55px' width: '13vw'
}, },
{ {
top: '61%', top: '123vw',
left: '38%', left: '38vw',
width: '55px' width: '13vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '43%', top: '86vw',
left: '37%', left: '37vw',
width: '50px' width: '11vw'
}, },
{ {
top: '45%', top: '90vw',
left: '58%', left: '58vw',
width: '50px' width: '11vw'
}, },
{ {
top: '61%', top: '123vw',
left: '42%', left: '42vw',
width: '50px' width: '11vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '43%', top: '86vw',
left: '28%', left: '28vw',
width: '44px' width: '10vw'
}, },
{ {
top: '41%', top: '83vw',
left: '55%', left: '55vw',
width: '44px' width: '10vw'
}, },
{ {
top: '55%', top: '110vw',
left: '46%', left: '46vw',
width: '44px' width: '10vw'
}, },
{ {
top: '47%', top: '95vw',
left: '68%', left: '68vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '42%', top: '84vw',
left: '35%', left: '35vw',
width: '40px' width: '8vw'
}, },
{ {
top: '37%', top: '74vw',
left: '53%', left: '53vw',
width: '40px' width: '8vw'
}, },
{ {
top: '40%', top: '80vw',
left: '71%', left: '71vw',
width: '40px' width: '8vw'
}, },
{ {
top: '52%', top: '103vw',
left: '27%', left: '27vw',
width: '40px' width: '8vw'
}, },
{ {
top: '55%', top: '110vw',
left: '54%', left: '54vw',
width: '40px' width: '8vw'
} }
] ]
}, },
@@ -227,109 +227,109 @@ const imagePositionMaps = {
fugu: { fugu: {
1: { 1: {
positions: [{ positions: [{
top: '35%', top: '71vw',
left: '39%', left: '39vw',
width: '55px' width: '13vw'
}, },
{ {
top: '41%', top: '83vw',
left: '56%', left: '56vw',
width: '55px' width: '13vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '45%', top: '90vw',
left: '34%', left: '34vw',
width: '55px' width: '13vw'
}, },
{ {
top: '45%', top: '90vw',
left: '53%', left: '53vw',
width: '55px' width: '13vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '43%', top: '86vw',
left: '40%', left: '40vw',
width: '55px' width: '13vw'
}, },
{ {
top: '51%', top: '103vw',
left: '61%', left: '61vw',
width: '55px' width: '13vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '46%', top: '93vw',
left: '29%', left: '29vw',
width: '50px' width: '11vw'
}, },
{ {
top: '36%', top: '72vw',
left: '55%', left: '55vw',
width: '50px' width: '11vw'
}, },
{ {
top: '646%', top: '93vw',
left: '69%', left: '69vw',
width: '50px' width: '11vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '34%', top: '69vw',
left: '35%', left: '35vw',
width: '44px' width: '10vw'
}, },
{ {
top: '38%', top: '77vw',
left: '54%', left: '54vw',
width: '44px' width: '10vw'
}, },
{ {
top: '49%', top: '98vw',
left: '32%', left: '32vw',
width: '44px' width: '10vw'
}, },
{ {
top: '53%', top: '106vw',
left: '59%', left: '59vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '33%', top: '65vw',
left: '49%', left: '49vw',
width: '40px' width: '8vw'
}, },
{ {
top: '36%', top: '72vw',
left: '70%', left: '70vw',
width: '40px' width: '8vw'
}, },
{ {
top: '49%', top: '98vw',
left: '34%', left: '34vw',
width: '40px' width: '8vw'
}, },
{ {
top: '50%', top: '101vw',
left: '49%', left: '49vw',
width: '40px' width: '8vw'
}, },
{ {
top: '56%', top: '114vw',
left: '62%', left: '62vw',
width: '40px' width: '8vw'
} }
] ]
}, },
@@ -337,109 +337,109 @@ const imagePositionMaps = {
xinzhongshi: { xinzhongshi: {
1: { 1: {
positions: [{ positions: [{
top: '51%', top: '103vw',
left: '31%', left: '31vw',
width: '60px' width: '13vw'
}, },
{ {
top: '46%', top: '93vw',
left: '48%', left: '48vw',
width: '60px' width: '13vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '58%', top: '118vw',
left: '29%', left: '29vw',
width: '60px' width: '13vw'
}, },
{ {
top: '39%', top: '76vw',
left: '47%', left: '47vw',
width: '60px' width: '13vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '45.5%', top: '94vw',
left: '34%', left: '34vw',
width: '40px' width: '8vw'
}, },
{ {
top: '47.5%', top: '97vw',
left: '59.5%', left: '59.5vw',
width: '40px' width: '8vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '39%', top: '76vw',
left: '37.5%', left: '37.5vw',
width: '50px' width: '11vw'
}, },
{ {
top: '42.5%', top: '86vw',
left: '59%', left: '59vw',
width: '50px' width: '11vw'
}, },
{ {
top: '59%', top: '120vw',
left: '50%', left: '50vw',
width: '50px' width: '11vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '40.5%', top: '83vw',
left: '46%', left: '46vw',
width: '44px' width: '10vw'
}, },
{ {
top: '41%', top: '83vw',
left: '66%', left: '66vw',
width: '44px' width: '10vw'
}, },
{ {
top: '47.5%', top: '95vw',
left: '30.5%', left: '30.5vw',
width: '44px' width: '10vw'
}, },
{ {
top: '53%', top: '106vw',
left: '59%', left: '59vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '41%', top: '83vw',
left: '26%', left: '26vw',
width: '36px' width: '8vw'
}, },
{ {
top: '41%', top: '83vw',
left: '47.6%', left: '47.6vw',
width: '36px' width: '8vw'
}, },
{ {
top: '52.5%', top: '107vw',
left: '26.4%', left: '26.4vw',
width: '36px' width: '8vw'
}, },
{ {
top: '58%', top: '118vw',
left: '44.5%', left: '44.5vw',
width: '36px' width: '8vw'
}, },
{ {
top: '49%', top: '98vw',
left: '67%', left: '67vw',
width: '36px' width: '8vw'
} }
] ]
}, },
@@ -447,109 +447,109 @@ const imagePositionMaps = {
luying: { luying: {
1: { 1: {
positions: [{ positions: [{
top: '49%', top: '99vw',
left: '33%', left: '33vw',
width: '60px' width: '13vw'
}, },
{ {
top: '53%', top: '106vw',
left: '50%', left: '50vw',
width: '60px' width: '13vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '48%', top: '99vw',
left: '33%', left: '33vw',
width: '60px' width: '13vw'
}, },
{ {
top: '57%', top: '115vw',
left: '58%', left: '58vw',
width: '60px' width: '13vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '53%', top: '106vw',
left: '39%', left: '39vw',
width: '60px' width: '13vw'
}, },
{ {
top: '53.5%', top: '109vw',
left: '57.2%', left: '57.2vw',
width: '60px' width: '13vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '45%', top: '90vw',
left: '29.5%', left: '29.5vw',
width: '50px' width: '11vw'
}, },
{ {
top: '44.5%', top: '90vw',
left: '57.6%', left: '57.6vw',
width: '50px' width: '11vw'
}, },
{ {
top: '53.4%', top: '110vw',
left: '45%', left: '45vw',
width: '50px' width: '11vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '49.7%', top: '100vw',
left: '24%', left: '24vw',
width: '44px' width: '10vw'
}, },
{ {
top: '47%', top: '95vw',
left: '61%', left: '61vw',
width: '44px' width: '10vw'
}, },
{ {
top: '57%', top: '115vw',
left: '34.5%', left: '34.5vw',
width: '44px' width: '10vw'
}, },
{ {
top: '55%', top: '110vw',
left: '49%', left: '49vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '41%', top: '83vw',
left: '42%', left: '42vw',
width: '40px' width: '8vw'
}, },
{ {
top: '43%', top: '86vw',
left: '63.6%', left: '63.6vw',
width: '40px' width: '8vw'
}, },
{ {
top: '50.5%', top: '103vw',
left: '28%', left: '28vw',
width: '40px' width: '8vw'
}, },
{ {
top: '51.4%', top: '105vw',
left: '51%', left: '52vw',
width: '40px' width: '8vw'
}, },
{ {
top: '57.5%', top: '118vw',
left: '68%', left: '70vw',
width: '40px' width: '8vw'
} }
] ]
}, },
@@ -557,104 +557,104 @@ const imagePositionMaps = {
paidui: { paidui: {
1: { 1: {
positions: [{ positions: [{
top: '46%', top: '93vw',
left: '31%', left: '31vw',
width: '60px' width: '13vw'
}, },
{ {
top: '42%', top: '84vw',
left: '48%', left: '48vw',
width: '60px' width: '13vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '49%', top: '98vw',
left: '35%', left: '35vw',
width: '60px' width: '13vw'
}, },
{ {
top: '48%', top: '99vw',
left: '54%', left: '54vw',
width: '60px' width: '13vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '57%', top: '115vw',
left: '30%', left: '30vw',
width: '50px' width: '11vw'
}, },
{ {
top: '41%', top: '83vw',
left: '51.2%', left: '51.2vw',
width: '50px' width: '11vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '41%', top: '83vw',
left: '37.5%', left: '37.5vw',
width: '50px' width: '11vw'
}, },
{ {
top: '44.4%', top: '89vw',
left: '64.6%', left: '64.6vw',
width: '50px' width: '11vw'
}, },
{ {
top: '56.4%', top: '116vw',
left: '48%', left: '48vw',
width: '50px' width: '11vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '43.7%', top: '88vw',
left: '29%', left: '29vw',
width: '44px' width: '10vw'
}, },
{ {
top: '40%', top: '80vw',
left: '44%', left: '44vw',
width: '44px' width: '10vw'
}, },
{ {
top: '46%', top: '93vw',
left: '64.5%', left: '64.5vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '38%', top: '77vw',
left: '28%', left: '28vw',
width: '40px' width: '8vw'
}, },
{ {
top: '40%', top: '80vw',
left: '56.6%', left: '56.6vw',
width: '40px' width: '8vw'
}, },
{ {
top: '49.5%', top: '101vw',
left: '37%', left: '37vw',
width: '40px' width: '8vw'
}, },
{ {
top: '52%', top: '106vw',
left: '53%', left: '53vw',
width: '40px' width: '8vw'
}, },
{ {
top: '53.5%', top: '108vw',
left: '71.2%', left: '72vw',
width: '40px' width: '8vw'
} }
] ]
}, },

View File

@@ -2,109 +2,109 @@ const positionMaps = {
shenxian: { shenxian: {
1: { 1: {
positions: [{ positions: [{
top: '37%', top: '74vw',
left: '36%', left: '36vw',
width: '76px' width: '18vw'
}, },
{ {
top: '52%', top: '105vw',
left: '55%', left: '55vw',
width: '76px' width: '18vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '38%', top: '75vw',
left: '38%', left: '38vw',
width: '70px' width: '16vw'
}, },
{ {
top: '51%', top: '102vw',
left: '58%', left: '58vw',
width: '70px' width: '16vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '43%', top: '86vw',
left: '28%', left: '28vw',
width: '72px' width: '17vw'
}, },
{ {
top: '41%', top: '83vw',
left: '51%', left: '51vw',
width: '72px' width: '17vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '35%', top: '70vw',
left: '30%', left: '30vw',
width: '60px' width: '14vw'
}, },
{ {
top: '31%', top: '62vw',
left: '59%', left: '59vw',
width: '60px' width: '14vw'
}, },
{ {
top: '57%', top: '114vw',
left: '38%', left: '38vw',
width: '60px' width: '14vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '34%', top: '68vw',
left: '30%', left: '30vw',
width: '58px' width: '13vw'
}, },
{ {
top: '31%', top: '62vw',
left: '52%', left: '52vw',
width: '58px' width: '13vw'
}, },
{ {
top: '55%', top: '110vw',
left: '41%', left: '41vw',
width: '58px' width: '13vw'
}, },
{ {
top: '50%', top: '99vw',
left: '66%', left: '66vw',
width: '58px' width: '13vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '38%', top: '76vw',
left: '25%', left: '25vw',
width: '50px' width: '11vw'
}, },
{ {
top: '35%', top: '70vw',
left: '42%', left: '42vw',
width: '50px' width: '11vw'
}, },
{ {
top: '35%', top: '70vw',
left: '57%', left: '57.5vw',
width: '50px' width: '11vw'
}, },
{ {
top: '40%', top: '80vw',
left: '67%', left: '67vw',
width: '50px' width: '11vw'
}, },
{ {
top: '49%', top: '99vw',
left: '40%', left: '40.5vw',
width: '50px' width: '11vw'
} }
] ]
}, },
@@ -112,114 +112,114 @@ const positionMaps = {
xianxia: { xianxia: {
1: { 1: {
positions: [{ positions: [{
top: '42%', top: '83vw',
left: '31%', left: '33vw',
width: '76px' width: '14vw'
}, },
{ {
top: '41%', top: '81vw',
left: '58%', left: '59vw',
width: '76px' width: '14vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '36%', top: '72vw',
left: '36%', left: '36vw',
width: '70px' width: '16vw'
}, },
{ {
top: '50%', top: '99vw',
left: '54%', left: '54vw',
width: '70px' width: '16vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '34%', top: '68vw',
left: '32%', left: '32vw',
width: '72px' width: '17vw'
}, },
{ {
top: '38%', top: '75vw',
left: '55%', left: '55vw',
width: '72px' width: '17vw'
}, },
{ {
top: '55%', top: '110vw',
left: '36%', left: '36vw',
width: '72px' width: '17vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '38%', top: '75vw',
left: '36%', left: '36vw',
width: '60px' width: '14vw'
}, },
{ {
top: '40%', top: '80vw',
left: '57%', left: '57vw',
width: '60px' width: '14vw'
}, },
{ {
top: '56%', top: '111vw',
left: '41%', left: '41vw',
width: '60px' width: '14vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '39%', top: '78vw',
left: '27%', left: '27vw',
width: '58px' width: '13vw'
}, },
{ {
top: '36%', top: '72vw',
left: '53%', left: '53vw',
width: '58px' width: '13vw'
}, },
{ {
top: '50%', top: '101vw',
left: '44%', left: '45vw',
width: '58px' width: '13vw'
}, },
{ {
top: '43%', top: '86vw',
left: '67%', left: '68vw',
width: '58px' width: '13vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '38%', top: '75vw',
left: '34%', left: '34vw',
width: '50px' width: '11vw'
}, },
{ {
top: '33%', top: '66vw',
left: '51.6%', left: '52.4vw',
width: '50px' width: '11vw'
}, },
{ {
top: '36%', top: '72vw',
left: '69%', left: '70vw',
width: '50px' width: '11vw'
}, },
{ {
top: '48%', top: '95vw',
left: '26%', left: '27vw',
width: '50px' width: '11vw'
}, },
{ {
top: '51%', top: '102vw',
left: '53%', left: '53vw',
width: '50px' width: '11vw'
} }
] ]
}, },
@@ -227,109 +227,109 @@ const positionMaps = {
fugu: { fugu: {
1: { 1: {
positions: [{ positions: [{
top: '30%', top: '60vw',
left: '38%', left: '38vw',
width: '70px' width: '16vw'
}, },
{ {
top: '36%', top: '72vw',
left: '54%', left: '54vw',
width: '70px' width: '16vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '40%', top: '80vw',
left: '32%', left: '32vw',
width: '74px' width: '17vw'
}, },
{ {
top: '40%', top: '80vw',
left: '51%', left: '51vw',
width: '74px' width: '17vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '39%', top: '79vw',
left: '39%', left: '39vw',
width: '72px' width: '17vw'
}, },
{ {
top: '46%', top: '92vw',
left: '59%', left: '59vw',
width: '72px' width: '17vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '41%', top: '83vw',
left: '28%', left: '28vw',
width: '60px' width: '14vw'
}, },
{ {
top: '31%', top: '62vw',
left: '54%', left: '54vw',
width: '60px' width: '14vw'
}, },
{ {
top: '41%', top: '83vw',
left: '68%', left: '68vw',
width: '60px' width: '14vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '30%', top: '60vw',
left: '33%', left: '34vw',
width: '58px' width: '13vw'
}, },
{ {
top: '34%', top: '68vw',
left: '52%', left: '53vw',
width: '58px' width: '13vw'
}, },
{ {
top: '45%', top: '90vw',
left: '30.5%', left: '30.5vw',
width: '58px' width: '13vw'
}, },
{ {
top: '48.5%', top: '98vw',
left: '57%', left: '57vw',
width: '58px' width: '13vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '29%', top: '59vw',
left: '48%', left: '48.5vw',
width: '50px' width: '11vw'
}, },
{ {
top: '32%', top: '64vw',
left: '68.6%', left: '69.6vw',
width: '50px' width: '11vw'
}, },
{ {
top: '44.5%', top: '89vw',
left: '33%', left: '33.5vw',
width: '50px' width: '11vw'
}, },
{ {
top: '46.2%', top: '93vw',
left: '47.4%', left: '48vw',
width: '50px' width: '11vw'
}, },
{ {
top: '52%', top: '105vw',
left: '61%', left: '61.5vw',
width: '50px' width: '11vw'
} }
] ]
}, },
@@ -337,109 +337,109 @@ const positionMaps = {
xinzhongshi: { xinzhongshi: {
1: { 1: {
positions: [{ positions: [{
top: '46%', top: '92vw',
left: '31%', left: '31vw',
width: '70px' width: '16vw'
}, },
{ {
top: '41%', top: '83vw',
left: '47%', left: '47vw',
width: '70px' width: '16vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '53%', top: '107vw',
left: '28%', left: '28vw',
width: '74px' width: '17vw'
}, },
{ {
top: '34%', top: '68vw',
left: '45%', left: '45vw',
width: '74px' width: '17vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '42%', top: '85vw',
left: '34%', left: '34vw',
width: '48px' width: '12vw'
}, },
{ {
top: '43.5%', top: '88vw',
left: '58.5%', left: '58.5vw',
width: '48px' width: '12vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '34%', top: '68vw',
left: '36.5%', left: '36.5vw',
width: '60px' width: '14vw'
}, },
{ {
top: '37.5%', top: '76vw',
left: '58%', left: '58vw',
width: '60px' width: '14vw'
}, },
{ {
top: '54%', top: '109vw',
left: '49%', left: '49vw',
width: '60px' width: '14vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '37%', top: '74vw',
left: '47%', left: '47vw',
width: '44px' width: '10vw'
}, },
{ {
top: '36.5%', top: '73vw',
left: '66%', left: '66vw',
width: '44px' width: '10vw'
}, },
{ {
top: '43%', top: '86vw',
left: '30.5%', left: '30.5vw',
width: '44px' width: '10vw'
}, },
{ {
top: '49%', top: '99vw',
left: '59%', left: '59vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '38%', top: '75vw',
left: '25%', left: '25vw',
width: '48px' width: '12vw'
}, },
{ {
top: '37%', top: '74vw',
left: '46.6%', left: '46.6vw',
width: '48px' width: '12vw'
}, },
{ {
top: '48.5%', top: '98vw',
left: '25%', left: '25vw',
width: '48px' width: '12vw'
}, },
{ {
top: '54%', top: '109vw',
left: '43%', left: '43vw',
width: '48px' width: '12vw'
}, },
{ {
top: '45%', top: '90vw',
left: '65%', left: '65vw',
width: '48px' width: '12vw'
} }
] ]
}, },
@@ -447,109 +447,109 @@ const positionMaps = {
luying: { luying: {
1: { 1: {
positions: [{ positions: [{
top: '44%', top: '89vw',
left: '33%', left: '33vw',
width: '70px' width: '16vw'
}, },
{ {
top: '48%', top: '96vw',
left: '49%', left: '49vw',
width: '70px' width: '16vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '43.5%', top: '88vw',
left: '32%', left: '33vw',
width: '74px' width: '17vw'
}, },
{ {
top: '52%', top: '104vw',
left: '57%', left: '58vw',
width: '74px' width: '17vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '45%', top: '90vw',
left: '38%', left: '38vw',
width: '74px' width: '17vw'
}, },
{ {
top: '45.5%', top: '91vw',
left: '55.5%', left: '55.5vw',
width: '74px' width: '17vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '40%', top: '80vw',
left: '28.5%', left: '28.5vw',
width: '60px' width: '14vw'
}, },
{ {
top: '39.5%', top: '79vw',
left: '56%', left: '56vw',
width: '60px' width: '14vw'
}, },
{ {
top: '49%', top: '99vw',
left: '44%', left: '44vw',
width: '60px' width: '14vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '45.7%', top: '91vw',
left: '24%', left: '24vw',
width: '44px' width: '10vw'
}, },
{ {
top: '43%', top: '86vw',
left: '61%', left: '61vw',
width: '44px' width: '10vw'
}, },
{ {
top: '53%', top: '107vw',
left: '34.5%', left: '34.5vw',
width: '44px' width: '10vw'
}, },
{ {
top: '51%', top: '102vw',
left: '49%', left: '49.5vw',
width: '44px' width: '10vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '37.5%', top: '76vw',
left: '42%', left: '42vw',
width: '48px' width: '12vw'
}, },
{ {
top: '39%', top: '79vw',
left: '62.6%', left: '62.6vw',
width: '48px' width: '12vw'
}, },
{ {
top: '46.5%', top: '93vw',
left: '27%', left: '27vw',
width: '48px' width: '12vw'
}, },
{ {
top: '47.4%', top: '95vw',
left: '50%', left: '50vw',
width: '48px' width: '12vw'
}, },
{ {
top: '53.5%', top: '108vw',
left: '67%', left: '68vw',
width: '48px' width: '12vw'
} }
] ]
}, },
@@ -557,104 +557,104 @@ const positionMaps = {
paidui: { paidui: {
1: { 1: {
positions: [{ positions: [{
top: '41%', top: '83vw',
left: '31%', left: '31vw',
width: '70px' width: '16vw'
}, },
{ {
top: '37%', top: '74vw',
left: '47%', left: '47vw',
width: '70px' width: '16vw'
} }
] ]
}, },
2: { 2: {
positions: [{ positions: [{
top: '44%', top: '89vw',
left: '34%', left: '34vw',
width: '74px' width: '17vw'
}, },
{ {
top: '43.5%', top: '88vw',
left: '52%', left: '52vw',
width: '74px' width: '17vw'
} }
] ]
}, },
3: { 3: {
positions: [{ positions: [{
top: '51%', top: '102vw',
left: '29%', left: '29vw',
width: '60px' width: '14vw'
}, },
{ {
top: '35.2%', top: '71vw',
left: '49.5%', left: '49.5vw',
width: '60px' width: '14vw'
} }
] ]
}, },
4: { 4: {
positions: [{ positions: [{
top: '36%', top: '72vw',
left: '36.5%', left: '36.5vw',
width: '60px' width: '14vw'
}, },
{ {
top: '39.5%', top: '79vw',
left: '54%', left: '54vw',
width: '60px' width: '14vw'
}, },
{ {
top: '52%', top: '105vw',
left: '47%', left: '47vw',
width: '60px' width: '14vw'
} }
] ]
}, },
5: { 5: {
positions: [{ positions: [{
top: '40%', top: '80vw',
left: '27.5%', left: '27.5vw',
width: '60px' width: '14vw'
}, },
{ {
top: '36.5%', top: '73vw',
left: '42%', left: '42vw',
width: '60px' width: '14vw'
}, },
{ {
top: '42%', top: '85vw',
left: '62.5%', left: '62.5vw',
width: '60px' width: '14vw'
} }
] ]
}, },
6: { 6: {
positions: [{ positions: [{
top: '35%', top: '70vw',
left: '28%', left: '28vw',
width: '46px' width: '11vw'
}, },
{ {
top: '37%', top: '74vw',
left: '55.6%', left: '55.6vw',
width: '46px' width: '11vw'
}, },
{ {
top: '46.5%', top: '93vw',
left: '36%', left: '36vw',
width: '46px' width: '11vw'
}, },
{ {
top: '48.5%', top: '98vw',
left: '52%', left: '52vw',
width: '46px' width: '11vw'
}, },
{ {
top: '50%', top: '99vw',
left: '71%', left: '71vw',
width: '46px' width: '11vw'
} }
] ]
}, },