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-07-15 14:02:09 +08:00
parent cf27f75f28
commit ece7e32393
7 changed files with 93 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/pages/be-vip.vue
View File

@@ -5,6 +5,7 @@ import Avatar from "@/components/Avatar.vue";
import SButton from "@/components/SButton.vue";
import SModal from "@/components/SModal.vue";
import Signin from "@/components/Signin.vue";
import UserHeader from "@/components/UserHeader.vue";
import { createOrderAPI, getHomeData } from "@/apis";
import { formatTimestamp } from "@/util";
import useStore from "@/store";
@@ -49,69 +50,82 @@ const onPay = async () => {
}
}
};
const toOrderPage = () => {
uni.navigateTo({
url: "/pages/orders",
});
};
</script>
<template>
<Container title="会员说明">
<view>
<view v-if="user.id" class="header">
<view>
<Avatar :src="user.avatar" :size="35" />
<text class="truncate">{{ user.nickName }}</text>
</view>
<text v-if="user.expiredAt"
>{{ formatTimestamp(user.expiredAt) }}到期</text
>
<view v-if="user.id" class="header">
<view>
<Avatar :src="user.avatar" :size="35" />
<text class="truncate">{{ user.nickName }}</text>
</view>
<view class="container">
<view class="content">
<view class="title-bar">
<view />
<text>VIP 介绍</text>
</view>
<view>
<text
>射灵的的VIP服务是为了正式对战打造的专属特权，让您在激烈的射击运动中充分享受与同级别想着对战的乐趣；</text
>
<text
>VIP的收取形式灵活多样，充分考虑到了不同用户的需求。我们提供按月收取的方式，每月仅需10元，即可轻松成为VIP会员，享受一个月的尊贵特权。这种方式适合那些希望先体验VIP服务，再决定是否长期投入的用户。您可以先购买一个月的VIP，亲身感受VIP带来的种种好处，如果觉得满意，再继续选择适合自己的购买方案。而对于那些已经确定会长期参与对战，希望持续享受VIP特权的用户，我们则推出了更为优惠的一年VIP套餐。一次性购买一年的VIP，仅需100元，平均每月不到9元，您就能全年畅享VIP的所有权益。这不仅为您节省了时间和精力，还为您带来了实实在在的经济优惠。
一年的时间，足够您在对战的世界中尽情驰骋，不断挑战自我，创造属于自己的辉煌战绩。</text
>
<text
>VIP会员还将获得专属的客服支持。当您在游戏中遇到任何问题，无论是技术故障、规则疑问还是其他需要帮助的情况，都可以随时联系我们的VIP专属客服团队。他们将为您提供24小时不间断的优质服务，以最快的速度为您解决问题，确保您的对战体验不受任何影响。</text
>
<text
>除了这些直接与对战相关的特权，VIP会员还将享受到一系列的福利。我们不定期为VIP会员举办专属的活动，如邀请知名对战选手进行线上交流、举办VIP会员专属的锦标赛等。在这些活动中，您不仅有机会与偶像近距离接触，还能与其他VIP会员交流心得，共同进步。同时，VIP会员在购买游戏内的道具、装备时，还将享受专属的折扣优惠。这些道具和装备能够帮助您在对战中更好地发挥自己的实力，提升您的对战体验。。</text
>
<text v-if="user.expiredAt"
>{{ formatTimestamp(user.expiredAt) }}到期</text
>
</view>
<view
class="container"
:style="{ height: !user.id ? '100%' : 'calc(100% - 62px)' }"
>
<view class="content vip-content">
<view class="title-bar">
<view />
<text>VIP 介绍</text>
</view>
<view>
<text
>射灵的的VIP服务是为了正式对战打造的专属特权，让您在激烈的射击运动中充分享受与同级别想着对战的乐趣；</text
>
<text
>VIP的收取形式灵活多样，充分考虑到了不同用户的需求。我们提供按月收取的方式，每月仅需10元，即可轻松成为VIP会员，享受一个月的尊贵特权。这种方式适合那些希望先体验VIP服务，再决定是否长期投入的用户。您可以先购买一个月的VIP，亲身感受VIP带来的种种好处，如果觉得满意，再继续选择适合自己的购买方案。而对于那些已经确定会长期参与对战，希望持续享受VIP特权的用户，我们则推出了更为优惠的一年VIP套餐。一次性购买一年的VIP，仅需100元，平均每月不到9元，您就能全年畅享VIP的所有权益。这不仅为您节省了时间和精力，还为您带来了实实在在的经济优惠。
一年的时间，足够您在对战的世界中尽情驰骋，不断挑战自我，创造属于自己的辉煌战绩。</text
>
<text
>VIP会员还将获得专属的客服支持。当您在游戏中遇到任何问题，无论是技术故障、规则疑问还是其他需要帮助的情况，都可以随时联系我们的VIP专属客服团队。他们将为您提供24小时不间断的优质服务，以最快的速度为您解决问题，确保您的对战体验不受任何影响。</text
>
<text
>除了这些直接与对战相关的特权，VIP会员还将享受到一系列的福利。我们不定期为VIP会员举办专属的活动，如邀请知名对战选手进行线上交流、举办VIP会员专属的锦标赛等。在这些活动中，您不仅有机会与偶像近距离接触，还能与其他VIP会员交流心得，共同进步。同时，VIP会员在购买游戏内的道具、装备时，还将享受专属的折扣优惠。这些道具和装备能够帮助您在对战中更好地发挥自己的实力，提升您的对战体验。。</text
>
</view>
</view>
<view class="content">
<view class="title-bar">
<view />
<text>成为射灵会员</text>
</view>
<view class="vip-items">
<view
v-for="(item, index) in config.vipMenus || []"
:key="index"
:style="{
color: selectedVIP === index ? '#fff' : '#333333',
borderColor: selectedVIP === index ? '#FF7D57' : '#eee',
background:
selectedVIP === index
? '#FF7D57'
: 'linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%)',
}"
@click="() => (selectedVIP = index)"
>
{{ item.name }}
</view>
</view>
<view class="content">
<view class="title-bar">
<view />
<text>成为射灵会员</text>
</view>
<view class="vip-items">
<view
v-for="(item, index) in config.vipMenus || []"
:key="index"
:style="{
color: selectedVIP === index ? '#fff' : '#333333',
borderColor: selectedVIP === index ? '#FF7D57' : '#eee',
background:
selectedVIP === index
? '#FF7D57'
: 'linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%)',
}"
@click="() => (selectedVIP = index)"
>
{{ item.name }}
</view>
</view>
</view>
<SButton :onClick="onPay">支付</SButton>
<SModal :show="showModal" :onClose="() => (showModal = false)">
<Signin :onClose="() => (showModal = false)" />
</SModal>
<view class="my-orders" v-if="user.id">
<view @click="toOrderPage">
<text>我的订单</text>
<image src="../static/enter-arrow-blue.png" mode="widthFix" />
</view>
<SButton :onClick="onPay">支付</SButton>
<SModal :show="showModal" :onClose="() => (showModal = false)">
<Signin :onClose="() => (showModal = false)" />
</SModal>
</view>
</view>
</Container>
@@ -142,7 +156,6 @@ const onPay = async () => {
}
.container {
width: 100%;
height: 100%;
background-color: #f5f5f5;
padding-top: 10px;
}
@@ -189,4 +202,24 @@ const onPay = async () => {
border-radius: 10px;
text-align: center;
}
.vip-content {
height: 62%;
}
.vip-content > view:nth-child(2) {
overflow: auto;
}
.my-orders {
display: flex;
justify-content: center;
color: #39a8ff;
margin-top: 10px;
font-size: 13px;
}
.my-orders > view {
display: flex;
align-items: center;
}
.my-orders > view > image {
width: 15px;
}
</style>

1
src/pages/first-try.vue
View File

@@ -143,6 +143,7 @@ const onClose = () => {
) {
setTimeout(() => {
practiseResult.value = {};
showGuide.value = false;
step.value = 5;
}, 500);
} else {

1
src/pages/melee-match.vue
View File

@@ -25,7 +25,6 @@ const start = ref(false);
const countDown = ref(90);
const battleId = ref("");
const currentRound = ref(1);
const totalRounds = ref(0);
const power = ref(0);
const scores = ref([]);
const tips = ref("即将开始...");

2
src/pages/user.vue
View File

@@ -56,7 +56,7 @@ const logout = () => {
<template>
<Container title="用户信息">
<view :style="{ width: '100%' }">
<UserHeader :user="user" />
<UserHeader />
<view class="container">
<UserItem title="用户名">{{ user.nickName }}</UserItem>
<UserItem title="头像">