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

Merge branch 'feat-shebei'

Browse Source
This commit is contained in:
zhangyi
2026-10-29 09:57:07 +08:00
parent 5bb9df8a03 cee09cd7fa
commit b8b0ab4005
147 changed files with 5467 additions and 2515 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AppBackground.vue
+7
View File
@@ -81,6 +81,13 @@ const props = defineProps({
src="https://static.shelingxingqiu.com/shootmini/static/app-bg9.png"
mode="widthFix"
/>
<!-- 我的设备未绑定/绑定成功页面背景 -->
<image
class="bg-image"
v-if="type === 12"
src="https://static.shelingxingqiu.com/shootmini/static/device-assets/my-device-unbound-background.png"
mode="widthFix"
/>
<image
class="bg-image"
v-if="type === 10"
src/components/AppFooter.vue
+8 -4
View File
@@ -1,15 +1,19 @@
<script setup>
const tabs = [
{ image: "../static/tab-vip.png" },
{ image: "https://static.shelingxingqiu.com/shootmini/static/tab-vip.png" },
{ image: "https://static.shelingxingqiu.com/shootmini/static/tab-point-book.png" },
{ image: "https://static.shelingxingqiu.com/shootmini/static/tab-mall.png" },
];
function handleTabClick(index) {
if (index === 0) {
uni.navigateTo({
url: "/pages/member/be-vip",
uni.showToast({
title: "功能尚未开启",
icon: "none",
});
// uni.navigateTo({
// url: "/pages/member/be-vip",
// });
}
if (index === 1) {
uni.navigateTo({
@@ -18,7 +22,7 @@ function handleTabClick(index) {
}
if (index === 2) {
uni.navigateTo({
url: "/pages/device-intro",
url: "/pages/device/device-intro",
});
}
}
src/components/Avatar.vue
+4 -4
View File
@@ -77,25 +77,25 @@ watch(
/>
<image
v-if="rank === 1"
src="../static/champ1.png"
src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"
mode="widthFix"
class="avatar-rank"
/>
<image
v-if="rank === 2"
src="../static/champ2.png"
src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"
mode="widthFix"
class="avatar-rank"
/>
<image
v-if="rank === 3"
src="../static/champ3.png"
src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"
mode="widthFix"
class="avatar-rank"
/>
<view v-if="rank > 3" class="rank-view">{{ rank }}</view>
<image
:src="src || '../static/user-icon.png'"
:src="src || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
:mode="imageMode"
:style="avatarImageStyle"
class="avatar-image"
src/components/BackToGame.vue
+1 -1
View File
@@ -104,7 +104,7 @@ onBeforeUnmount(() => {
<block v-else-if="game.roomID">
<text>返回房间</text>
</block>
<image src="../static/back.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
</view>
</template>
src/components/BattleHeader.vue
+2 -2
View File
@@ -72,7 +72,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
</view>
<image
v-if="winner === 1"
src="../static/winner-badge.png"
src="https://static.shelingxingqiu.com/shootmini/static/winner-badge.png"
mode="widthFix"
class="left-winner-badge"
/>
@@ -100,7 +100,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
</view>
<image
v-if="winner === 2"
src="../static/winner-badge.png"
src="https://static.shelingxingqiu.com/shootmini/static/winner-badge.png"
mode="widthFix"
class="right-winner-badge"
/>
src/components/BowData.vue
+1 -1
View File
@@ -58,7 +58,7 @@ const props = defineProps({
</view>
</view>
<view @click="onClose">
<image src="../static/close-white.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/close-white.png" mode="widthFix" />
</view>
</view>
<view :style="{ width: '100%', marginBottom: '20px' }">
src/components/BowPower.vue
+6 -35
View File
@@ -1,44 +1,15 @@
<script setup>
import { ref, onMounted, onBeforeUnmount } from "vue";
import { getDeviceBatteryAPI } from "@/apis";
import useStore from "@/store";
import { storeToRefs } from "pinia";
const power = ref(0);
const timer = ref(null);
let disposed = false;
let requestInFlight = false;
const refreshPower = async () => {
if (disposed || requestInFlight) return;
requestInFlight = true;
try {
const data = await getDeviceBatteryAPI();
if (!disposed) power.value = data.battery;
} catch (_) {
// 电量轮询失败时等待下一轮，避免产生未处理的 Promise 拒绝。
} finally {
requestInFlight = false;
}
};
onMounted(async () => {
await refreshPower();
if (disposed) return;
timer.value = setInterval(() => {
void refreshPower();
}, 1000 * 10);
});
onBeforeUnmount(() => {
disposed = true;
clearInterval(timer.value);
timer.value = null;
});
const store = useStore();
const { deviceBattery: power } = storeToRefs(store);
</script>
<template>
<view class="container">
<image src="../static/b-power.png" mode="widthFix" />
<view>电量{{ power || 1 }}%</view>
<image src="https://static.shelingxingqiu.com/shootmini/static/b-power.png" mode="widthFix" />
<view>{{ power === null ? "电量--" : `电量${power}%` }}</view>
</view>
</template>
src/components/BowTarget.vue
+3 -3
View File
@@ -527,7 +527,7 @@ onBeforeUnmount(() => {
<view :class="['target', { 'target--shake': targetShaking }]">
<view v-if="angle !== null" class="arrow-dir" :style="arrowStyle">
<view :style="{ background: circleColor }">
<image src="../static/dot-circle.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/dot-circle.png" mode="widthFix" />
</view>
</view>
<view v-if="stop" class="stop-sign">中场休息</view>
@@ -565,7 +565,7 @@ onBeforeUnmount(() => {
<image
v-if="pMode && isSvip && bow.ring > 0 && !shouldHideRedHit(index)"
class="svip-hit-bg"
src="../static/vip/svip-xuan.png"
src="https://static.shelingxingqiu.com/shootmini/static/vip/svip-xuan.png"
:style="getSvipHitBgStyle(bow)"
mode="aspectFit"
/>
@@ -585,7 +585,7 @@ onBeforeUnmount(() => {
<image
v-if="pMode && isSvip && bow.ring > 0 && !shouldHideBlueHit(index)"
class="svip-hit-bg"
src="../static/vip/svip-xuan.png"
src="https://static.shelingxingqiu.com/shootmini/static/vip/svip-xuan.png"
:style="getSvipHitBgStyle(bow)"
mode="aspectFit"
/>
src/components/BowTargetEdit.vue
+3 -3
View File
@@ -266,16 +266,16 @@ onBeforeUnmount(() => {
@touchstart.stop="confirmAdd"
:style="{ ...getNewPos() }"
>
<image src="../static/arrow-edit-save.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/arrow-edit-save.png" mode="widthFix" />
</view>
<view class="edit-btn delete-btn" @touchstart.stop="deleteArrow">
<image src="../static/arrow-edit-delete.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/arrow-edit-delete.png" mode="widthFix" />
</view>
<view
class="edit-btn drag-btn"
@touchstart.stop="startDrag($event)"
>
<image src="../static/arrow-edit-move.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/arrow-edit-move.png" mode="widthFix" />
</view>
</view>
</view>
src/components/BubbleTip.vue
+4 -4
View File
@@ -29,14 +29,14 @@ const props = defineProps({
font-size: 24rpx;
}
.normal {
background-image: url("../static/bubble-tip.png");
background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip.png");
width: 157rpx;
height: 105rpx;
padding-top: 10px;
padding-left: 30rpx;
}
.normal2 {
background-image: url("../static/bubble-tip4.png");
background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip4.png");
width: 190rpx;
height: 105rpx;
padding-top: 10px;
@@ -46,14 +46,14 @@ const props = defineProps({
z-index: 1;
}
.long {
background-image: url("../static/bubble-tip2.png");
background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip2.png");
width: 370rpx;
height: 70rpx;
top: -50%;
left: 49%;
}
.short {
background-image: url("../static/bubble-tip3.png");
background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip3.png");
width: 300rpx;
height: 70rpx;
top: -50%;
src/components/Container.vue
+1 -1
View File
@@ -124,7 +124,7 @@ const cancelMatching = async () => {
const goCalibration = async () => {
await laserAimAPI();
uni.navigateTo({
url: "/pages/calibration",
url: "/pages/device/calibration",
});
};
</script>
src/components/DeviceOnlineEffects.vue
+399
View File
@@ -0,0 +1,399 @@
<script setup>
import { computed } from "vue";
const props = defineProps({
variant: {
type: String,
default: "home",
validator: (value) => ["home", "detail"].includes(value),
},
});
// 固定粒子分布营造随机感，避免每次进入页面时因运行时随机数产生位置跳变。
const sparkSeeds = [
[1, "dot", 18, 98, -28, 5, 5, 2.3, 0.4],
[2, "streak", 23, 90, -38, 4, 18, 2, 1.1, true],
[3, "dot", 28, 112, -17, 6, 6, 2.8, 1.9, true],
[4, "dot", 32, 104, -12, 12, 12, 2.6, 0.7, true, true],
[5, "dot", 36, 88, -24, 4, 4, 1.8, 1.4],
[6, "streak", 40, 116, -8, 4, 20, 2.4, 2.2, true],
[7, "dot", 44, 96, -16, 7, 7, 2.1, 0.2],
[8, "dot", 48, 120, -4, 5, 5, 2.9, 1.3, true],
[9, "dot", 51, 110, 3, 14, 14, 3, 2.7, true, true],
[10, "streak", 54, 92, 8, 4, 22, 1.9, 0.8],
[11, "dot", 58, 105, 14, 6, 6, 2.5, 1.6, true],
[12, "dot", 62, 86, 21, 4, 4, 2, 0.5],
[13, "dot", 66, 114, 10, 7, 7, 2.7, 2.1, true],
[14, "streak", 70, 96, 28, 4, 18, 2.2, 1],
[15, "dot", 74, 108, 20, 11, 11, 2.8, 2.4, true, true],
[16, "dot", 80, 90, 35, 5, 5, 2.3, 0.3, true],
[17, "dot", 21, 118, -8, 4, 4, 2.6, 1.7],
[18, "streak", 27, 84, -31, 3, 16, 1.8, 0.6, true],
[19, "dot", 34, 122, -3, 6, 6, 2.9, 2.3, true],
[20, "dot", 42, 102, 5, 5, 5, 2.2, 0.9],
[21, "dot", 47, 88, -10, 13, 13, 2.7, 1.5, true, true],
[22, "streak", 56, 120, 16, 4, 21, 2.5, 2.6, true],
[23, "dot", 64, 100, 24, 7, 7, 2.4, 0.1],
[24, "dot", 72, 84, 38, 5, 5, 2, 1.2, true],
[25, "dot", 82, 116, 12, 4, 4, 2.8, 2],
[26, "dot", 68, 124, 7, 10, 10, 3.1, 2.9, true, true],
[27, "streak", 77, 98, 33, 4, 19, 2.1, 0.7, true],
[28, "dot", 29, 94, -20, 7, 7, 2.5, 1.4],
[29, "dot", 53, 126, 0, 5, 5, 2.3, 2.2, true],
[30, "dot", 60, 108, 18, 6, 6, 2.6, 0.4],
];
const deviceSparks = computed(() => {
const isDetail = props.variant === "detail";
const sizeScale = isDetail ? 1.25 : 1;
const bottomOffset = isDetail ? 120 : 0;
return sparkSeeds.map(([
id,
type,
left,
bottom,
angle,
width,
height,
duration,
delay,
long = false,
large = false,
]) => ({
id,
type,
long,
large,
trackStyle: {
left: `${left}%`,
bottom: `${bottom + bottomOffset}rpx`,
transform: `rotate(${angle}deg)`,
},
sparkStyle: {
width: `${width * sizeScale}rpx`,
height: `${height * sizeScale}rpx`,
marginLeft: `${-(width * sizeScale) / 2}rpx`,
animationDuration: `${duration}s`,
animationDelay: `-${delay}s`,
},
}));
});
</script>
<template>
<view
class="device-online-effects"
:class="`device-online-effects--${variant}`"
>
<view class="device-online-rays-stage">
<view class="device-online-rays-orbit">
<view class="device-online-ray device-online-ray--1" />
<view class="device-online-ray device-online-ray--2" />
<view class="device-online-ray device-online-ray--3" />
<view class="device-online-ray device-online-ray--4" />
<view class="device-online-ray device-online-ray--5" />
<view class="device-online-ray device-online-ray--6" />
<view class="device-online-ray device-online-ray--7" />
</view>
</view>
<view class="device-online-particles">
<view
v-for="spark in deviceSparks"
:key="spark.id"
class="device-online-spark-track"
:style="spark.trackStyle"
>
<view
class="device-online-spark"
:class="[
`device-online-spark--${spark.type}`,
{
'device-online-spark--long': spark.long,
'device-online-spark--large': spark.large,
}
]"
:style="spark.sparkStyle"
/>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.device-online-effects {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
overflow: hidden;
pointer-events: none;
}
/* 光束沿底座椭圆轨迹扫动，用位移、明暗和横向缩放表达前后纵深。 */
.device-online-rays-stage {
position: absolute;
left: 0;
bottom: 112rpx;
width: 100%;
height: 140rpx;
overflow: hidden;
transform-origin: 50% 100%;
}
.device-online-rays-orbit {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
animation: device-rays-rotate 6s ease-in-out infinite;
}
.device-online-ray {
position: absolute;
bottom: 0;
left: 50%;
width: 48rpx;
height: 132rpx;
margin-left: -24rpx;
transform-origin: 50% 100%;
border-radius: 50% 50% 12% 12%;
background: linear-gradient(
180deg,
rgba(255, 255, 244, 0) 0%,
rgba(255, 254, 239, 0.1) 36%,
rgba(255, 248, 215, 0.22) 72%,
rgba(255, 232, 151, 0.36) 100%
);
}
.device-online-ray--1 {
opacity: 0.55;
transform: rotate(-55deg);
}
.device-online-ray--2 {
width: 68rpx;
margin-left: -34rpx;
opacity: 0.72;
transform: rotate(-36deg);
}
.device-online-ray--3 {
width: 42rpx;
margin-left: -21rpx;
opacity: 0.6;
transform: rotate(-18deg);
}
.device-online-ray--4 {
width: 76rpx;
margin-left: -38rpx;
opacity: 0.82;
}
.device-online-ray--5 {
width: 46rpx;
margin-left: -23rpx;
opacity: 0.64;
transform: rotate(19deg);
}
.device-online-ray--6 {
width: 64rpx;
margin-left: -32rpx;
opacity: 0.7;
transform: rotate(38deg);
}
.device-online-ray--7 {
width: 44rpx;
margin-left: -22rpx;
opacity: 0.56;
transform: rotate(56deg);
}
.device-online-particles {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.device-online-spark-track {
position: absolute;
width: 0;
height: 0;
transform-origin: center bottom;
}
.device-online-spark {
position: absolute;
bottom: 0;
left: 0;
background: #fff6bd;
box-shadow: 0 0 6rpx rgba(255, 225, 112, 0.65);
animation: device-spark-rise 2.4s linear infinite;
}
.device-online-spark--dot {
border-radius: 50%;
}
.device-online-spark--streak {
border-radius: 50%;
background: linear-gradient(
180deg,
rgba(255, 255, 235, 0) 0%,
rgba(255, 250, 205, 0.75) 45%,
#ffe379 100%
);
}
.device-online-spark--long {
animation-name: device-spark-rise-long;
}
.device-online-spark--large {
background: #fffbdc;
box-shadow:
0 0 10rpx rgba(255, 243, 174, 0.95),
0 0 20rpx rgba(255, 207, 74, 0.72);
}
.device-online-effects--detail .device-online-rays-stage {
bottom: 215rpx;
height: 190rpx;
transform: scaleX(1.35);
}
.device-online-effects--detail .device-online-ray {
height: 180rpx;
}
.device-online-effects--detail .device-online-rays-orbit {
animation-name: device-rays-rotate-detail;
}
.device-online-effects--detail .device-online-spark {
animation-name: device-spark-rise-detail;
}
.device-online-effects--detail .device-online-spark--long {
animation-name: device-spark-rise-detail-long;
}
@keyframes device-spark-rise {
0% {
opacity: 0;
transform: translateY(8rpx) scale(0.45);
}
16% {
opacity: 1;
}
72% {
opacity: 0.62;
}
100% {
opacity: 0;
transform: translateY(-148rpx) scale(1);
}
}
@keyframes device-spark-rise-long {
0% {
opacity: 0;
transform: translateY(8rpx) scale(0.4);
}
16% {
opacity: 1;
}
72% {
opacity: 0.55;
}
100% {
opacity: 0;
transform: translateY(-176rpx) scale(1);
}
}
@keyframes device-spark-rise-detail {
0% {
opacity: 0;
transform: translateY(12rpx) scale(0.45);
}
16% {
opacity: 1;
}
72% {
opacity: 0.62;
}
100% {
opacity: 0;
transform: translateY(-225rpx) scale(1);
}
}
@keyframes device-spark-rise-detail-long {
0% {
opacity: 0;
transform: translateY(12rpx) scale(0.4);
}
16% {
opacity: 1;
}
72% {
opacity: 0.55;
}
100% {
opacity: 0;
transform: translateY(-270rpx) scale(1);
}
}
@keyframes device-rays-rotate {
0%,
100% {
opacity: 0.48;
transform: translate(-42rpx, 4rpx) skewX(-8deg) scaleX(0.82);
}
25% {
opacity: 0.88;
transform: translate(0, 0) skewX(0deg) scaleX(1.05);
}
50% {
opacity: 0.48;
transform: translate(42rpx, 4rpx) skewX(8deg) scaleX(0.82);
}
75% {
opacity: 0.24;
transform: translate(0, 10rpx) skewX(0deg) scaleX(0.68);
}
}
@keyframes device-rays-rotate-detail {
0%,
100% {
opacity: 0.48;
transform: translate(-62rpx, 6rpx) skewX(-8deg) scaleX(0.82);
}
25% {
opacity: 0.88;
transform: translate(0, 0) skewX(0deg) scaleX(1.05);
}
50% {
opacity: 0.48;
transform: translate(62rpx, 6rpx) skewX(8deg) scaleX(0.82);
}
75% {
opacity: 0.24;
transform: translate(0, 14rpx) skewX(0deg) scaleX(0.68);
}
}
</style>
src/components/EditOption.vue
+1 -1
View File
@@ -203,7 +203,7 @@ onMounted(async () => {
<button hover-class="none">
<image
v-if="!noArrow"
src="../static/arrow-grey.png"
src="https://static.shelingxingqiu.com/shootmini/static/arrow-grey.png"
mode="widthFix"
:style="{ transform: expand ? 'rotateX(180deg)' : 'rotateX(0deg)' }"
/>
src/components/Guide.vue
+2 -2
View File
@@ -10,8 +10,8 @@ defineProps({
},
});
const bubbleTypes = [
"../static/long-bubble.png",
"../static/long-bubble-middle.png",
"https://static.shelingxingqiu.com/shootmini/static/long-bubble.png",
"https://static.shelingxingqiu.com/shootmini/static/long-bubble-middle.png",
"https://static.shelingxingqiu.com/shootmini/static/long-bubble-tall.png",
];
</script>
src/components/Header.vue
+5 -5
View File
@@ -115,10 +115,10 @@ onBeforeUnmount(() => {
<template>
<view class="container">
<view class="back-btn" @click="onClick">
<image v-if="whiteBackArrow" src="../static/back.png" mode="widthFix" />
<image v-if="whiteBackArrow" src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
<image
v-if="!whiteBackArrow"
src="../static/back-black.png"
src="https://static.shelingxingqiu.com/shootmini/static/back-black.png"
mode="widthFix"
/>
</view>
@@ -156,12 +156,12 @@ onBeforeUnmount(() => {
<text v-else class="truncate">{{ user.nickName }}</text>
<image
v-if="heat"
:src="`../static/hot${heat}.png`"
:src="`https://static.shelingxingqiu.com/shootmini/static/hot${heat}.png`"
mode="widthFix"
/>
</block>
<block v-else>
<image src="../static/user-icon.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/user-icon.png" mode="widthFix" />
<text>新来的弓箭手你好呀~</text>
</block>
</view>
@@ -229,7 +229,7 @@ onBeforeUnmount(() => {
:style="battleRoomBtnStyle"
>
<text class="battle-room-number__text">房号: {{ game.roomNumber }}</text>
<image src="../static/share2.png" mode="widthFix" class="battle-room-number__icon" />
<image src="https://static.shelingxingqiu.com/shootmini/static/share2.png" mode="widthFix" class="battle-room-number__icon" />
</button>
</view>
</template>
src/components/HeaderProgress.vue
+1 -1
View File
@@ -146,7 +146,7 @@ onBeforeUnmount(() => {
<text>{{ (tips || "").replace(/你/g, "").replace(/重回/g, "") }}</text>
<text v-if="totalShot > 0"> ({{ currentShot }}/{{ totalShot }}) </text>
<button v-if="!!tips" hover-class="none" @click="updateSound">
<image :src="`../static/sound${sound ? '' : '-off'}-yellow.png`" mode="widthFix" />
<image :src="`https://static.shelingxingqiu.com/shootmini/static/sound${sound ? '' : '-off'}-yellow.png`" mode="widthFix" />
</button>
</view>
</template>
src/components/ModalDialog.vue
+37
View File
@@ -1,4 +1,6 @@
<script setup>
import IconButton from "./IconButton.vue";
const props = defineProps({
show: {
type: Boolean,
@@ -28,6 +30,14 @@ const props = defineProps({
type: Boolean,
default: true,
},
confirmDisabled: {
type: Boolean,
default: false,
},
showClose: {
type: Boolean,
default: false,
},
onCancel: {
type: Function,
default: null,
@@ -36,6 +46,10 @@ const props = defineProps({
type: Function,
default: null,
},
onClose: {
type: Function,
default: null,
},
});
const handleCancel = () => {
@@ -43,8 +57,13 @@ const handleCancel = () => {
};
const handleConfirm = () => {
if (props.confirmDisabled) return;
props.onConfirm?.();
};
const handleClose = () => {
props.onClose?.();
};
</script>
<template>
@@ -89,6 +108,7 @@ const handleConfirm = () => {
<view
v-if="showConfirm"
class="dialog-button confirm"
:class="{ disabled: confirmDisabled }"
@click="handleConfirm"
>
<text>{{ confirmText }}</text>
@@ -96,6 +116,13 @@ const handleConfirm = () => {
</view>
</view>
<view v-if="showClose" class="dialog-close">
<IconButton
src="https://static.shelingxingqiu.com/shootmini/static/close-gold-outline.png"
:width="30"
:onClick="handleClose"
/>
</view>
</view>
</view>
</template>
@@ -108,6 +135,7 @@ const handleConfirm = () => {
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.62);
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 999;
@@ -116,6 +144,7 @@ const handleConfirm = () => {
.modal-wrap {
position: relative;
display: flex;
flex-direction: column;
width: 549rpx;
min-height: 318rpx;;
padding-top: 168rpx;
@@ -222,6 +251,14 @@ const handleConfirm = () => {
background-color: #ffda3f;
}
.dialog-button.confirm.disabled {
opacity: 0.62;
}
.dialog-close {
margin-top: 28rpx;
}
@keyframes rotateLight {
from {
transform: translateX(-50%) rotate(0deg);
src/components/OtaModal.vue
+57 -28
View File
@@ -1,10 +1,11 @@
<script setup>
import { computed } from "vue";
import { getDeviceBatteryAPI } from "@/apis";
import useStore from "@/store";
import { storeToRefs } from "pinia";
const OTA_MIN_BATTERY = 50;
const OTA_LOW_BATTERY_TEXT = "电量不足 50%，暂不支持 OTA 升级";
const OTA_OFFLINE_TEXT = "请先开启智能弓";
const store = useStore();
const { deviceStatus } = storeToRefs(store);
const props = defineProps({
visible: {
@@ -23,6 +24,10 @@ const props = defineProps({
type: Number,
default: 40,
},
phase: {
type: String,
default: "",
},
// 副标题：如“新版本将优化智能弓体验”
description: {
type: String,
@@ -47,28 +52,22 @@ const isSuccess = computed(() => props.state === "update_success");
const isFailure = computed(() => props.state === "update_failure");
// Clamp progress to keep the progress bar width within its container.
const progressValue = computed(() => Math.min(100, Math.max(0, Number(props.progress) || 0)));
const progressPhaseText = computed(() => {
const phaseText = {
started: "正在准备固件更新",
downloading: "正在下载固件",
installing: "正在安装固件",
};
return phaseText[props.phase] || "正在进行固件更新";
});
// 点击立即更新前先校验设备在线状态，再校验设备电量。
const handleUpdateClick = async () => {
try {
const deviceStatus = await getDeviceBatteryAPI();
if (deviceStatus?.online !== true) {
uni.showToast({
title: OTA_OFFLINE_TEXT,
icon: "none",
});
return;
}
if (Number(deviceStatus?.battery) <= OTA_MIN_BATTERY) {
uni.showToast({
title: OTA_LOW_BATTERY_TEXT,
icon: "none",
});
return;
}
} catch (err) {
emit("update");
// 点击立即更新前先校验设备在线状态。
const handleUpdateClick = () => {
if (deviceStatus.value?.online !== true) {
uni.showToast({
title: OTA_OFFLINE_TEXT,
icon: "none",
});
return;
}
emit("update");
@@ -140,10 +139,10 @@ const handleUpdateClick = async () => {
<!-- 更新成功：图片左边距 34rpx，文案左边距 44rpx，按钮浮动底部居中 -->
<block v-else-if="isSuccess">
<image src="https://static.shelingxingqiu.com/shootmini/static/ota/update-ok.png" mode="aspectFit" class="result-title-img" style="width: 220rpx; height: 62rpx;" />
<text class="dialog-desc">请关机并重启智能弓</text>
<text class="dialog-desc">固件更新已完成</text>
<view class="btn-group-result">
<view class="primary-btn" @click="emit('done')">
<text class="primary-btn-text">完成</text>
<text class="primary-btn-text">关闭</text>
</view>
</view>
</block>
@@ -152,9 +151,14 @@ const handleUpdateClick = async () => {
<block v-else-if="isProgress">
<image src="https://static.shelingxingqiu.com/shootmini/static/ota/update_progress.png" mode="aspectFit" class="result-title-img" style="width: 220rpx; height: 62rpx;" />
<view class="progress-wrap">
<view class="progress-meta">
<text class="progress-phase">{{ progressPhaseText }}</text>
<text class="progress-value">{{ Math.floor(progressValue) }}%</text>
</view>
<view class="progress-track">
<view class="progress-fill" :style="{ width: `${progressValue}%` }"></view>
</view>
<text class="progress-warning">请勿离开当前页面！</text>
</view>
</block>
@@ -181,7 +185,7 @@ const handleUpdateClick = async () => {
class="ota-close-below"
@click="emit('close')"
>
<image src="../static/sicon/close.png" mode="aspectFit" style="width: 56rpx; height: 56rpx;" />
<image src="https://static.shelingxingqiu.com/shootmini/static/sicon/close.png" mode="aspectFit" style="width: 56rpx; height: 56rpx;" />
</view>
</view>
</template>
@@ -404,9 +408,26 @@ const handleUpdateClick = async () => {
}
.progress-wrap {
width: 394rpx;
margin-top: 40rpx;
margin-top: 28rpx;
margin-left: 44rpx;
}
.progress-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16rpx;
color: #ffffff;
font-size: 24rpx;
line-height: 34rpx;
}
.progress-phase {
flex: 1;
}
.progress-value {
flex-shrink: 0;
margin-left: 16rpx;
color: #fed847;
}
.progress-track {
width: 100%;
height: 18rpx;
@@ -419,6 +440,14 @@ const handleUpdateClick = async () => {
background-color: #FED847;
border-radius: 999rpx;
}
.progress-warning {
display: block;
margin-top: 16rpx;
color: rgba(255, 255, 255, 0.88);
font-size: 22rpx;
line-height: 32rpx;
text-align: center;
}
/* 关闭按钮（位于弹窗下方） */
.ota-close-below {
src/components/PlayerScore.vue
+2 -2
View File
@@ -40,10 +40,10 @@ const getMemberNicknameClass = (player = {}) => [
opacity:
(scores[0] || []).length + (scores[1] || []).length === 12 ? 1 : 0,
}"
src="../static/checked-green.png"
src="https://static.shelingxingqiu.com/shootmini/static/checked-green.png"
mode="widthFix"
/>
<image :src="player.avatar || '../static/user-icon.png'" mode="widthFix" />
<image :src="player.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" mode="widthFix" />
<view
v-if="isMember(player)"
:class="['player-score-name', ...getMemberNicknameClass(player)]"
src/components/PlayerScore2.vue
+4 -4
View File
@@ -30,25 +30,25 @@ const rowCount = new Array(6).fill(0);
<view>
<image
v-if="rank === 1"
src="../static/champ1.png"
src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"
mode="widthFix"
class="avatar-rank"
/>
<image
v-if="rank === 2"
src="../static/champ2.png"
src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"
mode="widthFix"
class="avatar-rank"
/>
<image
v-if="rank === 3"
src="../static/champ3.png"
src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"
mode="widthFix"
class="avatar-rank"
/>
<view v-if="rank > 3" class="rank-view">{{ rank }}</view>
<image
:src="avatar || '../static/user-icon.png'"
:src="avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
mode="widthFix"
:style="{ borderColor: topThreeColors[rank - 1] || '#fff' }"
/>
src/components/PlayerSeats.vue
+4 -4
View File
@@ -38,7 +38,7 @@ const seats = new Array(props.total).fill(1);
<image src="https://static.shelingxingqiu.com/shootmini/static/player-bg.png" mode="widthFix" />
<view v-if="players[index] && players[index].name" class="avatar">
<Avatar
:src="players[index].avatar || '../static/user-icon.png'"
:src="players[index].avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
:size="40"
/>
<text
@@ -47,7 +47,7 @@ const seats = new Array(props.total).fill(1);
>
</view>
<view v-else class="player-unknow">
<image src="../static/question-mark.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/question-mark.png" mode="widthFix" />
</view>
<view
v-if="players[index] && players[index].name && isMember(players[index])"
@@ -72,7 +72,7 @@ const seats = new Array(props.total).fill(1);
</text>
<view v-if="index === 0" class="founder">管理员</view>
<!-- <image
:src="`../static/player-${index + 1}.png`"
:src="`https://static.shelingxingqiu.com/shootmini/static/player-${index + 1}.png`"
mode="widthFix"
class="player-bg"
/> -->
@@ -83,7 +83,7 @@ const seats = new Array(props.total).fill(1);
class="remove-player"
@click="() => removePlayer(players[index])"
>
<image src="../static/close-white.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/close-white.png" mode="widthFix" />
</button>
</view>
</view>
src/components/PointRankItem.vue
+5 -5
View File
@@ -55,12 +55,12 @@ const onClick = async () => {
<template>
<view class="rank-item" :style="{ borderWidth: borderWidth + 'rpx' }">
<image v-if="data.rank === 1" src="../static/point-no1.png" />
<image v-else-if="data.rank === 2" src="../static/point-no2.png" />
<image v-else-if="data.rank === 3" src="../static/point-no3.png" />
<image v-if="data.rank === 1" src="https://static.shelingxingqiu.com/shootmini/static/point-no1.png" />
<image v-else-if="data.rank === 2" src="https://static.shelingxingqiu.com/shootmini/static/point-no2.png" />
<image v-else-if="data.rank === 3" src="https://static.shelingxingqiu.com/shootmini/static/point-no3.png" />
<text v-else>{{ data.rank || "" }}</text>
<view>
<Avatar :src="data.avatar || '../static/user-icon.png'" :size="36" />
<Avatar :src="data.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" :size="36" />
<view>
<view v-if="isMember(data)" :class="getMemberNicknameClass(data)">
<text class="member-nickname__text">{{ data.name }}</text>
@@ -87,7 +87,7 @@ const onClick = async () => {
<button hover-class="none" @click="onClick">
<text>{{ likeCount }}</text>
<image
:src="`../static/like-${like ? 'on' : 'off'}.png`"
:src="`https://static.shelingxingqiu.com/shootmini/static/like-${like ? 'on' : 'off'}.png`"
mode="widthFix"
/>
</button>
src/components/RewardUs.vue
+1 -1
View File
@@ -113,7 +113,7 @@ onMounted(async () => {
@click="checked = !checked"
:style="{ marginBottom: !checked ? '20rpx' : '0' }"
>
<image v-if="checked" src="../static/checked.png" mode="widthFix" />
<image v-if="checked" src="https://static.shelingxingqiu.com/shootmini/static/checked.png" mode="widthFix" />
<view v-else></view>
<text>我想给建议(选填）</text>
</view>
src/components/SButton.vue
+1 -1
View File
@@ -69,7 +69,7 @@ const onBtnClick = debounce(async () => {
<slot />
</block>
<block v-else>
<image src="../static/btn-loading.png" mode="widthFix" class="loading" />
<image src="https://static.shelingxingqiu.com/shootmini/static/btn-loading.png" mode="widthFix" class="loading" />
</block>
</button>
</template>
src/components/SModal.vue
+1 -1
View File
@@ -60,7 +60,7 @@ watch(
mode="widthFix"
/>
<view class="close-btn" @click="onClose" v-if="!noBg">
<image src="../static/close-yellow.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/close-yellow.png" mode="widthFix" />
</view>
<slot></slot>
</view>
src/components/ScorePanel.vue
+2 -2
View File
@@ -71,7 +71,7 @@ watch(
margin: 100 / (total * 2) + 'px',
}"
>
<image src="../static/score-bg.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/score-bg.png" mode="widthFix" />
<text
:style="{ fontWeight: arrows[index] !== undefined ? 'bold' : 'normal' }"
>{{
@@ -93,7 +93,7 @@ watch(
padding: 1vw 0;
}
.score-item {
/* background-image: url("../static/score-bg.png");
/* background-image: url("https://static.shelingxingqiu.com/shootmini/static/score-bg.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center; */
src/components/ScoreResult.vue
+3 -3
View File
@@ -100,7 +100,7 @@ const openCoachComment = () => {
<button @click="() => (showBowData = true)">
<text>查看靶纸</text>
<image
src="../static/enter-arrow-blue.png"
src="https://static.shelingxingqiu.com/shootmini/static/enter-arrow-blue.png"
mode="widthFix"
:style="{ width: '20px' }"
/>
@@ -116,13 +116,13 @@ const openCoachComment = () => {
<block v-if="validArrows === total">
<IconButton
name="分享"
src="../static/share.png"
src="https://static.shelingxingqiu.com/shootmini/static/share.png"
:onClick="onClickShare"
/>
<IconButton
v-if="isMember"
name="教练点评"
src="../static/review.png"
src="https://static.shelingxingqiu.com/shootmini/static/review.png"
:onClick="openCoachComment"
/>
</block>
src/components/ScreenHint.vue
+7 -3
View File
@@ -14,8 +14,13 @@ const props = defineProps({
type: String,
default: "normal",
},
contentHeight: {
type: String,
default: "",
},
});
const getContentHeight = () => {
if (props.contentHeight) return props.contentHeight;
if (props.mode === "tall") return "50vw";
if (props.mode === "square") return "74vw";
return "36vw";
@@ -49,7 +54,7 @@ const getContentHeight = () => {
</view>
<IconButton
v-if="!!onClose"
src="../static/close-gold-outline.png"
src="https://static.shelingxingqiu.com/shootmini/static/close-gold-outline.png"
:width="30"
:onClick="onClose"
/>
@@ -82,8 +87,7 @@ const getContentHeight = () => {
position: absolute;
width: 80vw;
left: -7%;
bottom: -18vw;
bottom: -8rpx;
z-index: -1;
transform: translateY(-75px);
}
</style>
src/components/ScreenHint2.vue
+1 -1
View File
@@ -25,7 +25,7 @@ const props = defineProps({
</view>
<IconButton
v-if="!!onClose"
src="../static/close-white-outline.png"
src="https://static.shelingxingqiu.com/shootmini/static/close-white-outline.png"
:width="30"
:onClick="onClose"
/>
src/components/ShootProgress.vue
+1 -1
View File
@@ -207,7 +207,7 @@ onBeforeUnmount(() => {
<text>{{ tipContent }}</text>
<button hover-class="none" @click="updateSound">
<image
:src="`../static/sound${sound ? '' : '-off'}-yellow.png`"
:src="`https://static.shelingxingqiu.com/shootmini/static/sound${sound ? '' : '-off'}-yellow.png`"
mode="widthFix"
/>
</button>
src/components/Signin.vue
+5 -8
View File
@@ -12,12 +12,11 @@ import {
getHomeData,
getPhoneNumberAPI,
getPhoneNumberAPIv2,
getDeviceBatteryAPI,
} from "@/apis";
import useStore from "@/store";
const store = useStore();
const { updateUser, updateDevice, updateOnline, clearDevice } = store;
const { updateUser, updateDevice, clearDevice } = store;
const props = defineProps({
show: {
@@ -125,8 +124,6 @@ async function doLogin() {
devices.bindings[0].deviceId,
devices.bindings[0].deviceName
);
const data = await getDeviceBatteryAPI();
updateOnline(data.online);
} else {
clearDevice();
}
@@ -181,7 +178,7 @@ onShow(() => {
<text v-else :style="{ color: noBg ? '#666' : '#fff9' }"
>点击获取</text
>
<image src="../static/enter.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/enter.png" mode="widthFix" />
</button>
</view>
<view class="avatar" :style="{ borderColor: noBg ? '#E3E3E3' : '#fff3' }">
@@ -196,7 +193,7 @@ onShow(() => {
<text v-else :style="{ color: noBg ? '#666' : '#fff9' }"
>点击获取</text
>
<image src="../static/enter.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/enter.png" mode="widthFix" />
</button>
</view>
<view
@@ -220,7 +217,7 @@ onShow(() => {
</block>
<block v-else>
<image
src="../static/btn-loading.png"
src="https://static.shelingxingqiu.com/shootmini/static/btn-loading.png"
mode="widthFix"
class="loading"
/>
@@ -231,7 +228,7 @@ onShow(() => {
v-if="!agree"
:style="{ borderColor: noBg ? '#E3E3E3' : '#fff' }"
/>
<image v-if="agree" src="../static/checked.png" mode="widthFix" />
<image v-if="agree" src="https://static.shelingxingqiu.com/shootmini/static/checked.png" mode="widthFix" />
<view>
<text>已同意并阅读</text>
<view
src/components/TargetPicker.vue
+1 -1
View File
@@ -81,7 +81,7 @@ const handleConfirm = () => {
<view class="header-title-line-right"></view>
</view>
<view class="close-btn" @click="onClose">
<image src="../static/close-yellow.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/close-yellow.png" mode="widthFix" />
</view>
</view>
<view class="target-options">
src/components/TeamAvatars.vue
+2 -2
View File
@@ -65,7 +65,7 @@ watch(
<template>
<view class="container">
<image
:src="isRed ? '../static/flag-red.png' : '../static/flag-blue.png'"
:src="isRed ? 'https://static.shelingxingqiu.com/shootmini/static/flag-red.png' : 'https://static.shelingxingqiu.com/shootmini/static/flag-blue.png'"
class="flag"
:style="{
[isRed ? 'left' : 'right']: '10rpx',
@@ -86,7 +86,7 @@ watch(
[isRed ? 'left' : 'right']: getPos(item.id) + 'rpx',
}"
>
<image :src="item.avatar || '../static/user-icon.png'" mode="widthFix" />
<image :src="item.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" mode="widthFix" />
<text
v-if="isFirst(item.id)"
:style="{ backgroundColor: isRed ? '#ff6060' : '#5fadff' }"
src/components/UserHeader.vue
+4 -4
View File
@@ -95,7 +95,7 @@ watch(
</view>
<!-- <image
class="user-name-image"
src="../static/vip1.png"
src="https://static.shelingxingqiu.com/shootmini/static/vip1.png"
mode="widthFix"
/> -->
</view>
@@ -117,7 +117,7 @@ watch(
<view v-if="showRank === true" class="rank-info" @click="toRankListPage">
<image
class="rank-info-image"
src="../static/global-rank.png"
src="https://static.shelingxingqiu.com/shootmini/static/global-rank.png"
mode="widthFix"
/>
<block v-if="user.ranking > 0 && rankData.rank.length">
@@ -136,12 +136,12 @@ watch(
</block>
<block v-else>
<view class="signin" @click="onSignin">
<image src="../static/user-icon.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/user-icon.png" mode="widthFix" />
<view>
<text>新来的弓箭手你好呀~</text>
<view>
<text>登录</text>
<image src="../static/enter-arrow-blue.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/enter-arrow-blue.png" mode="widthFix" />
</view>
</view>
</view>
src/components/UserItem.vue
+1 -1
View File
@@ -25,7 +25,7 @@ defineProps({
<view>
<slot></slot>
<view v-if="onClick !== null">
<image src="../static/enter.png" mode="widthFix" />
<image src="https://static.shelingxingqiu.com/shootmini/static/enter.png" mode="widthFix" />
</view>
</view>
</view>
src/components/UserUpgrade.vue
+2 -2
View File
@@ -52,7 +52,7 @@ onBeforeUnmount(() => {
<template>
<view class="content" :style="{ display: show ? 'flex' : 'none' }">
<view v-if="showRank" class="up-rank">
<image :src="user.avatar || '../static/user-icon.png'" mode="widthFix" />
<image :src="user.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" mode="widthFix" />
<image :src="nextRankImage" mode="widthFix" />
<image class="bg-effect" src="https://static.shelingxingqiu.com/shootmini/static/shining-bg.png" mode="widthFix" />
<image
@@ -75,7 +75,7 @@ onBeforeUnmount(() => {
/>
</view>
<view class="text-content">
<image src="../static/update-text-bg.png" />
<image src="https://static.shelingxingqiu.com/shootmini/static/update-text-bg.png" />
<text>恭喜你升级到</text>
<text>{{ showRank ? nextRankTitle : `射灵${lvl}级` }}</text>
<text>!</text>