From e40ee62d3e9b71ffe3432d32a53a00c4097b5708 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 31 Dec 2021 09:03:28 +0800
Subject: [PATCH] +3d 2.5d
---
src/components/mobileCortrol/index.vue | 40 +++++++++++++++++++++++++++++++---------
1 files changed, 31 insertions(+), 9 deletions(-)
diff --git a/src/components/mobileCortrol/index.vue b/src/components/mobileCortrol/index.vue
index f4236f4..f377287 100644
--- a/src/components/mobileCortrol/index.vue
+++ b/src/components/mobileCortrol/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="m-left-control">
- <div class="m-l-inbut zoom-in" @click="zoomIn">
+ <div class="m-l-inbut zoom-in" @click="zoomIn()">
<i class="el-icon-refresh"></i>
</div>
<div
@@ -8,7 +8,7 @@
:class="{ active: dimension == '2D' }"
@click="zoomIn('2D')"
>
- 2D
+ 3D
</div>
<div
class="m-l-inbut zoom-in m-l-inbut-3d"
@@ -48,7 +48,9 @@
// noOpen: true,
// });
if (val) {
- this.$store.dispatch("MSET_DIMENSIONS", val);
+ if (this.dimension != val) {
+ this.$store.dispatch("MSET_DIMENSIONS", val);
+ }
return;
}
this.startPointFn();
@@ -58,6 +60,11 @@
</script>
<style scoped lang='scss'>
+@property --color {
+ syntax: "<color>";
+ inherits: false;
+ initial-value: 25%;
+}
.m-left-control {
position: fixed;
left: 20px;
@@ -81,18 +88,33 @@
position: relative;
top: 60px;
font-size: 16px;
- &:hover {
- background-color: rgb(21, 136, 230);
- box-shadow: -2px -2px 3px rgb(3, 74, 136) inset;
- }
+ // &:hover {
+ // background-color: rgb(21, 136, 230);
+ // box-shadow: -2px -2px 3px rgb(3, 74, 136) inset;
+ // }
}
.m-l-inbut-3d {
@extend .m-l-inbut-2d;
top: 55px;
}
+
.active {
- background-color: rgb(72, 157, 226);
- box-shadow: -2px -2px 3px rgb(16, 93, 161) inset;
+ // background-color: rgb(92, 181, 255);
+ box-shadow: -4px -4px 10px rgb(13, 98, 167) inset;
+ // color: rgb(0, 0, 0);
+ // box-shadow: -4px -4px 10px rgb(13, 98, 167) inset;
+
+ // position: relative;
+ // &::before {
+ // top: 1px;
+ // left: 1px;
+ // position: absolute;
+ // content: "";
+ // width: 100%;
+ // height: 100%;
+ // box-shadow: -2px -2px 15px rgb(4, 95, 170) inset;
+ // // border: 1px solid rgb(14, 54, 87);
+ // }
}
}
</style>
--
Gitblit v1.9.3