Browse Source

feat: 添加模式按钮

rindy 2 years ago
parent
commit
ed53de89b7
2 changed files with 20 additions and 3 deletions
  1. 6 0
      src/assets/index.scss
  2. 14 3
      src/pages/LaserBim.vue

+ 6 - 0
src/assets/index.scss

@@ -1,3 +1,9 @@
+*,
+*::before,
+*::after{
+    box-sizing: border-box;
+}
+
 html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;

+ 14 - 3
src/pages/LaserBim.vue

@@ -6,12 +6,23 @@
         <main>
             <div class="split" v-if="source">
                 <iframe ref="sourceFrame" :src="`smart-laser.html?m=${source.num}`" frameborder="0" @load="onLoadSource"></iframe>
+                <div class="tools">
+                    <div class="item-mode">
+                        <div class="iconfont icon-show_roaming_normal" @click="onModeChange('panorama')"></div>
+                        <div class="iconfont icon-show_more" @click="onModeChange('cloud')"></div>
+                    </div>
+                    <div class="item-date" v-if="target">
+                        <span class="prev" @click="onPrevDate('source')"><i class="iconfont icon-show_back"></i></span>
+                        <span @click="onPickDate('source')">{{ source.date }}</span>
+                        <span class="next" @click="onNextDate('source')"><i class="iconfont icon-show_back"></i></span>
+                    </div>
+                </div>
             </div>
             <div class="split" v-if="target">
                 <iframe ref="targetFrame" :src="`test-bim.html?m=${target.num}`" frameborder="0" @load="onLoadTarget"></iframe>
             </div>
             <div class="tools" v-if="source">
-                <div class="item-date">
+                <div class="item-date" v-if="!target">
                     <span class="prev" @click="onPrevDate()"><i class="iconfont icon-show_back"></i></span>
                     <span @click="onPickDate('all')">{{ source.date }}</span>
                     <span class="next" @click="onNextDate()"><i class="iconfont icon-show_back"></i></span>
@@ -106,7 +117,7 @@ const onLoadTarget = () => {
 }
 const onModeChange = mode => {
     if (sourceApp) {
-        sourceApp.Camera[mode]()
+        
     }
 }
 const onPickDate = name => {
@@ -416,7 +427,7 @@ main {
 </style>
 <style lang="scss">
 #app {
-    background-color: #fff !important;
+    background-color: rgba(0, 0, 0, 0.8);
     display: flex;
     flex-direction: column;
 }