mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-14 09:38:13 +08:00
🎨 调整偏移
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user