mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
💄 固定相关按钮,调整hint
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="switch-box">
|
<div class="switch-box" :title="themeGet === 'default' ? '切换到深色模式' : '切换到浅色模式'">
|
||||||
<div class="switch-btn" @click="switchTheme()">
|
<div class="switch-btn" @click="switchTheme()">
|
||||||
<v-icon>
|
<v-icon>
|
||||||
{{ themeGet === "default" ? "mdi-weather-night" : "mdi-weather-sunny" }}
|
{{ themeGet === "default" ? "mdi-weather-night" : "mdi-weather-sunny" }}
|
||||||
@@ -45,7 +45,7 @@ onUnmounted(() => themeListener());
|
|||||||
</script>
|
</script>
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
.switch-box {
|
.switch-box {
|
||||||
position: absolute;
|
position: fixed;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
border: 2px solid var(--common-shadow-8);
|
border: 2px solid var(--common-shadow-8);
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="share-box">
|
<div class="share-box" title="分享">
|
||||||
<div class="share-btn" @click="shareContent()">
|
<div class="share-btn" @click="shareContent()">
|
||||||
<v-icon> mdi-share-variant</v-icon>
|
<v-icon> mdi-share-variant</v-icon>
|
||||||
</div>
|
</div>
|
||||||
@@ -45,7 +45,7 @@ async function shareContent(): Promise<void> {
|
|||||||
</script>
|
</script>
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
.share-box {
|
.share-box {
|
||||||
position: absolute;
|
position: fixed;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
border: 2px solid var(--common-shadow-8);
|
border: 2px solid var(--common-shadow-8);
|
||||||
|
|||||||
@@ -113,8 +113,8 @@ async function switchCollect(): Promise<void> {
|
|||||||
</script>
|
</script>
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
.tbc-box {
|
.tbc-box {
|
||||||
position: absolute;
|
position: fixed;
|
||||||
top: 80px;
|
top: 70px;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
border: 2px solid var(--common-shadow-8);
|
border: 2px solid var(--common-shadow-8);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|||||||
Reference in New Issue
Block a user