|
@@ -23,6 +23,8 @@ onMounted(() => {
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
|
|
|
|
+$proportion : 0.7;
|
|
|
|
|
+
|
|
|
.Help * {
|
|
.Help * {
|
|
|
-moz-user-select: none;
|
|
-moz-user-select: none;
|
|
|
-webkit-user-select: none;
|
|
-webkit-user-select: none;
|
|
@@ -50,21 +52,23 @@ onMounted(() => {
|
|
|
|
|
|
|
|
.content {
|
|
.content {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
- width: 96.5rem;
|
|
|
|
|
- height: 58.64rem;
|
|
|
|
|
|
|
+ width: 96.5rem * $proportion;
|
|
|
|
|
+ height: 58.64rem * $proportion;
|
|
|
top: 50%;
|
|
top: 50%;
|
|
|
left: 50%;
|
|
left: 50%;
|
|
|
- margin: -29.32rem 0px 0px -48.25rem;
|
|
|
|
|
|
|
+ margin: -29.32rem * $proportion 0px 0px -48.25rem * $proportion;
|
|
|
background-image: url("../../assets/help/bg.webp");
|
|
background-image: url("../../assets/help/bg.webp");
|
|
|
background-position: center;
|
|
background-position: center;
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
.exit {
|
|
.exit {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- width: 3.85rem;
|
|
|
|
|
- height: 3.85rem;
|
|
|
|
|
|
|
+ width: 3.85rem * $proportion;
|
|
|
|
|
+ height: 3.85rem * $proportion;
|
|
|
top: 0px;
|
|
top: 0px;
|
|
|
- right: -6rem;
|
|
|
|
|
|
|
+ right: -6rem * $proportion;
|
|
|
|
|
+ // 手势
|
|
|
|
|
+ cursor:pointer;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|
