UI优化
This commit is contained in:
@@ -160,7 +160,7 @@ const simulShoot2 = async () => {
|
||||
latestOne &&
|
||||
mode !== 'team'
|
||||
? 'green'
|
||||
: 'red',
|
||||
: '#ff4444',
|
||||
}"
|
||||
><text>{{ index + 1 }}</text></view
|
||||
>
|
||||
|
||||
@@ -117,7 +117,7 @@ onMounted(() => {
|
||||
value || itemTexts[itemIndex]
|
||||
}}</text>
|
||||
<text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 1">{{
|
||||
value ? value + "米" : itemTexts[itemIndex]
|
||||
value && value > 0 ? value + "米" : itemTexts[itemIndex]
|
||||
}}</text>
|
||||
<text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 2">{{
|
||||
value || itemTexts[itemIndex]
|
||||
|
||||
@@ -44,12 +44,15 @@ watch(
|
||||
>
|
||||
<view
|
||||
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=""
|
||||
>
|
||||
<image
|
||||
v-if="!noBg"
|
||||
src="../static/modal-content-bg.png"
|
||||
src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbuaf19pf7qd8ps0uh.png"
|
||||
mode="widthFix"
|
||||
/>
|
||||
<view class="close-btn" @click="onClose">
|
||||
|
||||
@@ -230,7 +230,10 @@ onHide(() => {});
|
||||
</view>
|
||||
</Guide>
|
||||
<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 class="player" :style="{ transform: 'translateY(-60px)' }">
|
||||
<image
|
||||
|
||||
@@ -6,7 +6,10 @@ import SButton from "@/components/SButton.vue";
|
||||
<template>
|
||||
<Container title="智能弓箭">
|
||||
<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
|
||||
>在射灵世界中,等级是衡量您射箭技能的重要指标,而点数则是您提升等级的关键。具体的要求如下
|
||||
|
||||
@@ -107,7 +107,10 @@ const backToHome = () => {
|
||||
<text>1.确认弓箭是智能弓箭 </text>
|
||||
<text>2.确认弓箭有电且电源已开启 </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>
|
||||
<view>联系在线客服</view>
|
||||
</view>
|
||||
|
||||
@@ -69,7 +69,7 @@ onLoad(async (options) => {
|
||||
<image
|
||||
src="../static/s-triangle.png"
|
||||
mode="widthFix"
|
||||
:style="{ bottom: selectedIndex !== index ? '0' : '-6px' }"
|
||||
:style="{ bottom: selectedIndex !== index ? '0' : '-5px' }"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -152,7 +152,7 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
|
||||
</view>
|
||||
</view>
|
||||
<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>
|
||||
<Avatar :src="user.avatar" />
|
||||
<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