细节调整
This commit is contained in:
@@ -9,11 +9,11 @@ const { user } = storeToRefs(store);
|
|||||||
const isIos = ref(false);
|
const isIos = ref(false);
|
||||||
|
|
||||||
const openLink = () => {
|
const openLink = () => {
|
||||||
uni.navigateTo({
|
// uni.navigateTo({
|
||||||
url:
|
// url:
|
||||||
"/pages/webview?url=" +
|
// "/pages/webview?url=" +
|
||||||
encodeURIComponent("https://www.beian.miit.gov.cn/"),
|
// encodeURIComponent("https://beian.miit.gov.cn/"),
|
||||||
});
|
// });
|
||||||
};
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
const deviceInfo = uni.getDeviceInfo();
|
const deviceInfo = uni.getDeviceInfo();
|
||||||
|
|||||||
@@ -234,6 +234,7 @@ onBeforeUnmount(() => {
|
|||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-size: 27rpx;
|
||||||
}
|
}
|
||||||
.vip-content {
|
.vip-content {
|
||||||
max-height: 62%;
|
max-height: 62%;
|
||||||
|
|||||||
@@ -1,46 +1,100 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import Container from "@/components/Container.vue";
|
import { ref, onMounted } from "vue";
|
||||||
import SButton from "@/components/SButton.vue";
|
import SButton from "@/components/SButton.vue";
|
||||||
|
|
||||||
|
const images = [
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmf6yitekatwe.jpg",
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmi475gqdtrvx.jpg",
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmgy8ej5wuap5.jpg",
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmg6y7nveaadv.jpg",
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmfhqew0xhy6i.jpg",
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmhs38abrqfyp.jpg",
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmgnj4rttovk3.jpg",
|
||||||
|
"https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmg68a8mezgzx.jpg",
|
||||||
|
];
|
||||||
|
|
||||||
|
const addBg = ref("");
|
||||||
|
const capsuleHeight = ref(0);
|
||||||
|
onMounted(async () => {
|
||||||
|
const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
|
||||||
|
capsuleHeight.value = menuBtnInfo.top - 9;
|
||||||
|
});
|
||||||
|
|
||||||
|
const onScrollView = (e) => {
|
||||||
|
addBg.value = e.detail.scrollTop > 100;
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Container title="智能弓箭">
|
|
||||||
<view class="container">
|
<view class="container">
|
||||||
|
<view
|
||||||
|
class="header"
|
||||||
|
:style="{
|
||||||
|
paddingTop: capsuleHeight + 'px',
|
||||||
|
}"
|
||||||
|
>
|
||||||
<image
|
<image
|
||||||
src="https://static.shelingxingqiu.com/attachment/2025-08-07/dbw5tq93d6n7xgtgvp.png"
|
v-if="addBg"
|
||||||
|
class="bg-image"
|
||||||
|
src="../static/app-bg.png"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
/>
|
/>
|
||||||
<text>商品形象图及配图标题</text>
|
<navigator open-type="navigateBack">
|
||||||
|
<image class="header-back" src="../static/back.png" mode="widthFix" />
|
||||||
|
</navigator>
|
||||||
<text
|
<text
|
||||||
>在射灵世界中,等级是衡量您射箭技能的重要指标,而点数则是您提升等级的关键。具体的要求如下
|
:style="{ opacity: addBg ? 1 : 0, color: '#fff', fontWeight: 'bold' }"
|
||||||
每射出一支箭并上靶:无论您射出的箭命中哪个环数,只要箭成功上靶,您将获得1点基础点数。这是您积累点数的基本方式,每一次射箭都是您向更高目标迈进的一步。
|
|
||||||
射出的箭命中7-9环:当您的箭命中7环、8环或9环时,除了获得1点基础点数外,还将额外获得0.5点基础点数;
|
|
||||||
射出的箭命中10环:命中10环是射箭中的最高成就,因此,当您的箭命中10环时,除了获得1点基础点数外,还将额外获得1点基础点数.即每次命中10环将总共获得?</text
|
|
||||||
>
|
>
|
||||||
<SButton>加官方企业微信订购(有优惠)</SButton>
|
本赛季排行榜
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<scroll-view scroll-y @scroll="onScrollView" :style="{ height: '100vh' }">
|
||||||
|
<view class="images">
|
||||||
|
<image v-for="src in images" :key="src" :src="src" mode="widthFix" />
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
</Container>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.container {
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.header-bg {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
z-index: 10;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.header-back {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
margin: 0px 15px;
|
||||||
|
margin-top: 5px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.bg-image {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.images {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.container > image {
|
.images > image {
|
||||||
width: 85%;
|
width: 100vw;
|
||||||
border-radius: 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
.container > text {
|
|
||||||
color: #fff;
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
.container > text:nth-child(3) {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #fff9;
|
|
||||||
margin-top: 0;
|
|
||||||
padding: 0 15px;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -59,6 +59,7 @@ const toRankListPage = () => {
|
|||||||
|
|
||||||
onShow(async () => {
|
onShow(async () => {
|
||||||
const rankList = await getRankListAPI();
|
const rankList = await getRankListAPI();
|
||||||
|
console.log("排行数据", rankList);
|
||||||
updateRank(rankList);
|
updateRank(rankList);
|
||||||
const token = uni.getStorageSync("token");
|
const token = uni.getStorageSync("token");
|
||||||
if (token) {
|
if (token) {
|
||||||
@@ -173,7 +174,7 @@ const comingSoon = () => {
|
|||||||
</view>
|
</view>
|
||||||
</block>
|
</block>
|
||||||
</block>
|
</block>
|
||||||
<view class="more-players">
|
<view v-show="rankData.rank.length" class="more-players">
|
||||||
<text>{{ rankData.rank.length }}</text>
|
<text>{{ rankData.rank.length }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -191,7 +191,7 @@ onShow(async () => {
|
|||||||
</view>
|
</view>
|
||||||
<view class="my-rank-score">
|
<view class="my-rank-score">
|
||||||
<image src="../static/bubble-tip5.png" mode="widthFix" />
|
<image src="../static/bubble-tip5.png" mode="widthFix" />
|
||||||
<text>积分:{{ rankData.user.scores }}</text>
|
<text>积分:{{ Math.max(0, rankData.user.scores) }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="battle-types">
|
<view class="battle-types">
|
||||||
@@ -511,6 +511,7 @@ onShow(async () => {
|
|||||||
padding: 7px 10px;
|
padding: 7px 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
.rank-item {
|
.rank-item {
|
||||||
width: calc(100% - 30px);
|
width: calc(100% - 30px);
|
||||||
|
|||||||
Reference in New Issue
Block a user