🎨 调整偏移

This commit is contained in:
BTMuli
2023-06-14 12:28:09 +08:00
parent 0170c80e02
commit 65eae3422d
2 changed files with 15 additions and 8 deletions

View File

@@ -16,17 +16,20 @@
{{ data.name }} {{ data.name }}
</div> </div>
<div class="tur-ws-sub"> <div class="tur-ws-sub">
探索度{{ data.exploration / 10 }}% <span>探索度</span>
<span>{{ data.exploration / 10 }}</span>
<span>%</span>
</div> </div>
<div v-if="data.type==='Reputation'" class="tur-ws-sub"> <div v-if="data.type==='Reputation'" class="tur-ws-sub">
声望等级: {{ data.level }} <span>声望等级</span>
<span>{{ data.level }}</span>
<span></span>
</div> </div>
<div v-if="data.offerings.length>0" class="tur-ws-sub"> <div v-if="data.offerings.length>0" class="tur-ws-sub">
<img :src="data.offerings[0].icon" alt="offer"> <img :src="data.offerings[0].icon" alt="offer">
<span> <span>{{ data.offerings[0].name }}等级</span>
{{ data.offerings[0].name }}等级: <span>{{ data.offerings[0].level }}</span>
<span class="tur-wss-level">{{ data.offerings[0].level }}</span> <span></span>
</span>
</div> </div>
</div> </div>
</div> </div>
@@ -108,4 +111,8 @@ async function listenOnTheme () {
height: 20px; height: 20px;
margin-right: 5px; margin-right: 5px;
} }
.tur-ws-sub :nth-last-child(2) {
text-shadow: #fec90b 0 0 5px;
}
</style> </style>

View File

@@ -155,7 +155,7 @@ async function shareAbyss (): Promise<void> {
useCORS: true, useCORS: true,
canvas, canvas,
// 因为有放大,所以需要计算偏移量 // 因为有放大,所以需要计算偏移量
x: -25, x: -20,
y: -25, y: -25,
}; };
const canvasData = await html2canvas(abyssRef.value, options); const canvasData = await html2canvas(abyssRef.value, options);