laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

靶子点大小调整

Browse Source
This commit is contained in:
kron
2025-08-21 16:08:42 +08:00
parent e20cb3b272
commit c0736e1285
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/BowTarget.vue
View File

@@ -98,13 +98,13 @@ watch(
} }
); );
function calcRealX(num, offset = 12) { function calcRealX(num) {
const len = 20.4 + num; const len = 20.4 + num;
return `calc(${(len / 40.8) * 100}% - ${offset / 2}px)`; return `calc(${(len / 40.8) * 100 - 1.5}%)`;
} }
function calcRealY(num, offset = 12) { function calcRealY(num) {
const len = num < 0 ? Math.abs(num) + 20.4 : 20.4 - num; const len = num < 0 ? Math.abs(num) + 20.4 : 20.4 - num;
return `calc(${(len / 40.8) * 100}% - ${offset / 2}px)`; return `calc(${(len / 40.8) * 100 - 1.5}%)`;
} }
const simulShoot = async () => { const simulShoot = async () => {
if (device.value.deviceId) await simulShootAPI(device.value.deviceId); if (device.value.deviceId) await simulShootAPI(device.value.deviceId);
@@ -246,17 +246,20 @@ onMounted(() => {
} }
.hit { .hit {
position: absolute; position: absolute;
width: 12px; width: 3%;
height: 12px; height: 3%;
min-width: 3%;
min-height: 3%;
border-radius: 50%; border-radius: 50%;
border: 1px solid #fff; border: 1px solid #fff;
z-index: 1; z-index: 1;
color: #fff; color: #fff;
font-size: 8px; font-size: 2.2vw;
text-align: center;
line-height: 10px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
display: flex;
justify-content: center;
align-items: center;
} }
.hit > text { .hit > text {
transform: scaleX(0.7); transform: scaleX(0.7);