+

liuyg

2021-12-31 b41db64b0dc4c5fecb40caf788a1a80e7e4e7eb5

 src/components/mobileCortrol/index.vue

@@ -5,17 +5,17 @@
    </div>
    <div
      class="m-l-inbut zoom-in m-l-inbut-2d"
      :class="{ active: dimension == '2D' }"
      @click="zoomIn('2D')"
      :class="{ active: dimension == '3D' }"
      @click="zoomIn('3D')"
    >
      3D
      3&nbsp;&nbsp;维
    </div>
    <div
      class="m-l-inbut zoom-in m-l-inbut-3d"
      :class="{ active: dimension == '2.5D' }"
      @click="zoomIn('2.5D')"
    >
      2.5
      2.5维
    </div>
  </div>
</template>
@@ -60,11 +60,6 @@
</script>

<style scoped lang='scss'>
@property --color {
  syntax: "<color>";
  inherits: false;
  initial-value: 25%;
}
.m-left-control {
  position: fixed;
  left: 20px;
@@ -87,7 +82,7 @@
  .m-l-inbut-2d {
    position: relative;
    top: 60px;
    font-size: 16px;
    font-size: 14px;
    // &:hover {
    //   background-color: rgb(21, 136, 230);
    //   box-shadow: -2px -2px 3px rgb(3, 74, 136) inset;
@@ -103,7 +98,7 @@
    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;

    transform: translateY(1px);
    // position: relative;
    // &::before {
    //   top: 1px;