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

update: 优化图片

Browse Source
This commit is contained in:
zhangyibo95
2026-05-09 13:44:07 +08:00
parent 0e936b8e20
commit 0a8c6e7477
18 changed files with 203 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/AppBackground.vue
View File

@@ -18,31 +18,31 @@ const props = defineProps({
<image <image
class="bg-image" class="bg-image"
v-if="type === 0" v-if="type === 0"
src="../static/app-bg.png" src="https://static.shelingxingqiu.com/shootmini/static/app-bg.png"
mode="widthFix" mode="widthFix"
/> />
<image <image
class="bg-image" class="bg-image"
v-if="type === 1" v-if="type === 1"
src="../static/app-bg2.png" src="https://static.shelingxingqiu.com/shootmini/static/app-bg2.png"
mode="widthFix" mode="widthFix"
/> />
<image <image
class="bg-image" class="bg-image"
v-if="type === 2" v-if="type === 2"
src="../static/app-bg3.png" src="https://static.shelingxingqiu.com/shootmini/static/app-bg3.png"
:style="{ height: capsuleHeight + 50 + 'px' }" :style="{ height: capsuleHeight + 50 + 'px' }"
/> />
<image <image
class="bg-image" class="bg-image"
v-if="type === 3" v-if="type === 3"
src="../static/app-bg4.png" src="https://static.shelingxingqiu.com/shootmini/static/app-bg4.png"
mode="widthFix" mode="widthFix"
/> />
<image <image
class="bg-image" class="bg-image"
v-if="type === 4" v-if="type === 4"
src="../static/app-bg5.png" src="https://static.shelingxingqiu.com/shootmini/static/app-bg5.png"
mode="widthFix" mode="widthFix"
/> />
<image <image
@@ -54,7 +54,7 @@ const props = defineProps({
<image <image
class="bg-image" class="bg-image"
v-if="type === 6" v-if="type === 6"
src="../static/rank/rank-bg.png" src="https://static.shelingxingqiu.com/shootmini/static/rank/rank-bg.png"
mode="widthFix" mode="widthFix"
/> />
<view class="bg-overlay" v-if="type === 0"></view> <view class="bg-overlay" v-if="type === 0"></view>

10
src/pages/ranking.vue
View File

@@ -279,27 +279,27 @@ onShow(async () => {
<image class="star" src="../static/rank/star.png" mode="widthFix" /> <image class="star" src="../static/rank/star.png" mode="widthFix" />
</view> </view>
<image <image
src="../static/rank/battle1v1.png" src="../static/rank/battle1v1.svg"
mode="widthFix" mode="widthFix"
@click.stop="() => toMatchPage(1, 2)" @click.stop="() => toMatchPage(1, 2)"
/> />
<image <image
src="../static/rank/battle2v2.png" src="../static/rank/battle2v2.svg"
mode="widthFix" mode="widthFix"
@click.stop="() => toMatchPage(2, 4)" @click.stop="() => toMatchPage(2, 4)"
/> />
<image <image
src="../static/rank/battle3v3.png" src="../static/rank/battle3v3.svg"
mode="widthFix" mode="widthFix"
@click.stop="() => toMatchPage(3, 6)" @click.stop="() => toMatchPage(3, 6)"
/> />
<image <image
src="../static/rank/battle5.png" src="../static/rank/battle5.svg"
mode="widthFix" mode="widthFix"
@click.stop="() => toMatchPage(4, 5)" @click.stop="() => toMatchPage(4, 5)"
/> />
<image <image
src="../static/rank/battle10.png" src="../static/rank/battle10.svg"
mode="widthFix" mode="widthFix"
@click.stop="() => toMatchPage(5, 10)" @click.stop="() => toMatchPage(5, 10)"
/> />

BIN
src/static/app-bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 69 KiB

BIN
src/static/app-bg2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 81 KiB

BIN
src/static/app-bg3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
src/static/app-bg4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 176 KiB

BIN
src/static/app-bg5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
src/static/rank/battle10.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.5 KiB

38
src/static/rank/battle10.svg Normal file
View File

@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="110px" height="54px" viewBox="0 0 110 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 5</title>
<defs>
<linearGradient x1="50%" y1="1.43983214%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#FF7EAF" offset="0%"></stop>
<stop stop-color="#C36AFF" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="0" y="0" width="110" height="54" rx="8"></rect>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="radialGradient-4">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</radialGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="训练功能改版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="排位赛" transform="translate(-251.000000, -155.000000)">
<g id="编组-9" transform="translate(3.000000, 93.000000)">
<g id="编组-5" transform="translate(248.000000, 62.000000)">
<g id="编组-4">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<use id="矩形" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
<circle id="椭圆形" fill="url(#radialGradient-4)" mask="url(#mask-3)" cx="52" cy="64.5" r="64"></circle>
<rect id="矩形" fill="url(#linearGradient-5)" opacity="0.100000001" mask="url(#mask-3)" transform="translate(85.406727, 10.201587) rotate(51.000000) translate(-85.406727, -10.201587) " x="78.4067275" y="-14.2984126" width="14" height="49" rx="7"></rect>
</g>
<text id="10人大乱斗" font-family="DOUYINSANSBOLD-GB, Douyin Sans" font-size="16" font-weight="bold" fill="#FFFFFF">
<tspan x="15" y="32">10人大乱斗</tspan>
</text>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/static/rank/battle1v1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.5 KiB

40
src/static/rank/battle1v1.svg Normal file
View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="111px" height="54px" viewBox="0 0 111 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 5@2x</title>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#896CFF" offset="0%"></stop>
<stop stop-color="#9754FF" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="0" y="0" width="110" height="54" rx="8"></rect>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="radialGradient-4">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</radialGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="训练功能改版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="排位赛" transform="translate(-132.000000, -93.000000)">
<g id="编组-9" transform="translate(3.000000, 93.000000)">
<g id="编组-5" transform="translate(129.500000, 0.000000)">
<g id="编组-4">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<use id="矩形" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
<circle id="椭圆形" fill="url(#radialGradient-4)" mask="url(#mask-3)" cx="55" cy="64.5" r="64"></circle>
<rect id="矩形" fill="url(#linearGradient-5)" opacity="0.100000001" mask="url(#mask-3)" transform="translate(89.406727, 10.201587) rotate(51.000000) translate(-89.406727, -10.201587) " x="82.4067275" y="-14.2984126" width="14" height="49" rx="7"></rect>
</g>
<g id="1v1备份" transform="translate(43.000000, 21.000000)" fill="#FFFFFF" fill-rule="nonzero">
<polygon id="路径" points="0 1.625 0 3.64722222 2.69090909 2.22083333 2.69090909 13 5 13 5 0 3.07272727 0"></polygon>
<polygon id="路径" points="17 3 14.4705882 3 12.0196078 10.5384615 9.60784314 3 7 3 10.5490196 13 13.2941176 13"></polygon>
<polygon id="路径" points="19 1.625 19 3.64722222 21.6909091 2.22083333 21.6909091 13 24 13 24 0 22.0727273 0"></polygon>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
src/static/rank/battle2v2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.7 KiB

38
src/static/rank/battle2v2.svg Normal file
View File

@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="110px" height="54px" viewBox="0 0 110 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 5@2x</title>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#4A8CFF" offset="0%"></stop>
<stop stop-color="#669DFF" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="0" y="0" width="110" height="54" rx="8"></rect>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="radialGradient-4">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</radialGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="训练功能改版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="排位赛" transform="translate(-251.000000, -93.000000)">
<g id="编组-9" transform="translate(3.000000, 93.000000)">
<g id="编组-5" transform="translate(248.000000, 0.000000)">
<g id="编组-4">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<use id="矩形" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
<circle id="椭圆形" fill="url(#radialGradient-4)" mask="url(#mask-3)" cx="56" cy="64.5" r="64"></circle>
<rect id="矩形" fill="url(#linearGradient-5)" opacity="0.100000001" mask="url(#mask-3)" transform="translate(85.406727, 10.201587) rotate(51.000000) translate(-85.406727, -10.201587) " x="78.4067275" y="-14.2984126" width="14" height="49" rx="7"></rect>
</g>
<text id="2v2" font-family="DOUYINSANSBOLD-GB, Douyin Sans" font-size="18" font-weight="bold" fill="#FFFFFF">
<tspan x="40.408" y="33">2v2</tspan>
</text>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/static/rank/battle3v3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

38
src/static/rank/battle3v3.svg Normal file
View File

@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="110px" height="54px" viewBox="0 0 110 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 5@2x</title>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#FF8787" offset="0%"></stop>
<stop stop-color="#FF9696" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="0" y="0" width="110" height="54" rx="8"></rect>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="radialGradient-4">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</radialGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="训练功能改版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="排位赛" transform="translate(-14.000000, -155.000000)">
<g id="编组-9" transform="translate(3.000000, 93.000000)">
<g id="编组-5" transform="translate(11.000000, 62.000000)">
<g id="编组-4">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<use id="矩形" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
<circle id="椭圆形" fill="url(#radialGradient-4)" mask="url(#mask-3)" cx="56" cy="64.5" r="64"></circle>
<rect id="矩形" fill="url(#linearGradient-5)" opacity="0.100000001" mask="url(#mask-3)" transform="translate(85.406727, 10.201587) rotate(51.000000) translate(-85.406727, -10.201587) " x="78.4067275" y="-14.2984126" width="14" height="49" rx="7"></rect>
</g>
<text id="3v3" font-family="DOUYINSANSBOLD-GB, Douyin Sans" font-size="18" font-weight="bold" fill="#FFFFFF">
<tspan x="40.408" y="33">3v3</tspan>
</text>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/static/rank/battle5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.9 KiB

38
src/static/rank/battle5.svg Normal file
View File

@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="111px" height="54px" viewBox="0 0 111 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 5</title>
<defs>
<linearGradient x1="50%" y1="3.4527039%" x2="50%" y2="99.6818489%" id="linearGradient-1">
<stop stop-color="#FFA052" offset="0%"></stop>
<stop stop-color="#FFBC4E" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="0" y="0" width="110" height="54" rx="8"></rect>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="radialGradient-4">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</radialGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="训练功能改版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="排位赛" transform="translate(-132.000000, -155.000000)">
<g id="编组-9" transform="translate(3.000000, 93.000000)">
<g id="编组-5" transform="translate(129.500000, 62.000000)">
<g id="编组-4">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<use id="矩形" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
<circle id="椭圆形" fill="url(#radialGradient-4)" mask="url(#mask-3)" cx="56" cy="64.5" r="64"></circle>
<rect id="矩形" fill="url(#linearGradient-5)" opacity="0.100000001" mask="url(#mask-3)" transform="translate(85.406727, 10.201587) rotate(51.000000) translate(-85.406727, -10.201587) " x="78.4067275" y="-14.2984126" width="14" height="49" rx="7"></rect>
</g>
<text id="5人大乱斗" font-family="DOUYINSANSBOLD-GB, Douyin Sans" font-size="16" font-weight="bold" fill="#FFFFFF">
<tspan x="18.976" y="32">5人大乱斗</tspan>
</text>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
src/static/rank/rank-bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 94 KiB