UI优化
This commit is contained in:
@@ -160,7 +160,7 @@ const simulShoot2 = async () => {
|
|||||||
latestOne &&
|
latestOne &&
|
||||||
mode !== 'team'
|
mode !== 'team'
|
||||||
? 'green'
|
? 'green'
|
||||||
: 'red',
|
: '#ff4444',
|
||||||
}"
|
}"
|
||||||
><text>{{ index + 1 }}</text></view
|
><text>{{ index + 1 }}</text></view
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -117,7 +117,7 @@ onMounted(() => {
|
|||||||
value || itemTexts[itemIndex]
|
value || itemTexts[itemIndex]
|
||||||
}}</text>
|
}}</text>
|
||||||
<text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 1">{{
|
<text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 1">{{
|
||||||
value ? value + "米" : itemTexts[itemIndex]
|
value && value > 0 ? value + "米" : itemTexts[itemIndex]
|
||||||
}}</text>
|
}}</text>
|
||||||
<text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 2">{{
|
<text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 2">{{
|
||||||
value || itemTexts[itemIndex]
|
value || itemTexts[itemIndex]
|
||||||
|
|||||||
@@ -44,12 +44,15 @@ watch(
|
|||||||
>
|
>
|
||||||
<view
|
<view
|
||||||
class="modal-content"
|
class="modal-content"
|
||||||
:style="{ transform: `translateY(${showContent ? '0%' : '100%'})`, height: !noBg ? '260px' : 'auto' }"
|
:style="{
|
||||||
|
transform: `translateY(${showContent ? '0%' : '100%'})`,
|
||||||
|
height: !noBg ? '260px' : 'auto',
|
||||||
|
}"
|
||||||
@click.stop=""
|
@click.stop=""
|
||||||
>
|
>
|
||||||
<image
|
<image
|
||||||
v-if="!noBg"
|
v-if="!noBg"
|
||||||
src="../static/modal-content-bg.png"
|
src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbuaf19pf7qd8ps0uh.png"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
/>
|
/>
|
||||||
<view class="close-btn" @click="onClose">
|
<view class="close-btn" @click="onClose">
|
||||||
|
|||||||
@@ -230,7 +230,10 @@ onHide(() => {});
|
|||||||
</view>
|
</view>
|
||||||
</Guide>
|
</Guide>
|
||||||
<view v-if="battleType === 1" class="team-mode">
|
<view v-if="battleType === 1" class="team-mode">
|
||||||
<image src="../static/1v1-bg.png" mode="widthFix" />
|
<image
|
||||||
|
src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbua9nuf5fyeph7cxi.png"
|
||||||
|
mode="widthFix"
|
||||||
|
/>
|
||||||
<view>
|
<view>
|
||||||
<view class="player" :style="{ transform: 'translateY(-60px)' }">
|
<view class="player" :style="{ transform: 'translateY(-60px)' }">
|
||||||
<image
|
<image
|
||||||
|
|||||||
@@ -6,7 +6,10 @@ import SButton from "@/components/SButton.vue";
|
|||||||
<template>
|
<template>
|
||||||
<Container title="智能弓箭">
|
<Container title="智能弓箭">
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<image src="../static/1v1-bg.png" mode="widthFix" />
|
<image
|
||||||
|
src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbua9nuf5fyeph7cxi.png"
|
||||||
|
mode="widthFix"
|
||||||
|
/>
|
||||||
<text>商品形象图及配图标题</text>
|
<text>商品形象图及配图标题</text>
|
||||||
<text
|
<text
|
||||||
>在射灵世界中,等级是衡量您射箭技能的重要指标,而点数则是您提升等级的关键。具体的要求如下
|
>在射灵世界中,等级是衡量您射箭技能的重要指标,而点数则是您提升等级的关键。具体的要求如下
|
||||||
|
|||||||
@@ -107,7 +107,10 @@ const backToHome = () => {
|
|||||||
<text>1.确认弓箭是智能弓箭 </text>
|
<text>1.确认弓箭是智能弓箭 </text>
|
||||||
<text>2.确认弓箭有电且电源已开启 </text>
|
<text>2.确认弓箭有电且电源已开启 </text>
|
||||||
<text>3.进入弓箭绑定功能,扫描弓箭上的二维码 </text>
|
<text>3.进入弓箭绑定功能,扫描弓箭上的二维码 </text>
|
||||||
<image src="../static/scan-tip.png" mode="widthFix" />
|
<image
|
||||||
|
src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbuacrelri7jr3axiy.png"
|
||||||
|
mode="widthFix"
|
||||||
|
/>
|
||||||
<text>4.连接成功后</text>
|
<text>4.连接成功后</text>
|
||||||
<view>联系在线客服</view>
|
<view>联系在线客服</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -69,7 +69,7 @@ onLoad(async (options) => {
|
|||||||
<image
|
<image
|
||||||
src="../static/s-triangle.png"
|
src="../static/s-triangle.png"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
:style="{ bottom: selectedIndex !== index ? '0' : '-6px' }"
|
:style="{ bottom: selectedIndex !== index ? '0' : '-5px' }"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -152,7 +152,7 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="my-rank-data" v-if="myData.userId">
|
<view class="my-rank-data" v-if="myData.userId">
|
||||||
<image src="../static/modal-content-bg.png" mode="widthFix" />
|
<image src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbuaf19pf7qd8ps0uh.png" mode="widthFix" />
|
||||||
<text>{{ myData.rank }}</text>
|
<text>{{ myData.rank }}</text>
|
||||||
<Avatar :src="user.avatar" />
|
<Avatar :src="user.avatar" />
|
||||||
<view class="rank-item-content">
|
<view class="rank-item-content">
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Reference in New Issue
Block a user