29271

src/apps/AppIntelligentSecurity/SlwVideo.vue

@@ -6,9 +6,7 @@
       <div class="action-bar">
         <div class="left">
           <div class="left-btns">
-            <img
-              :src="isPause ? 'https://cdn.cunwuyun.cn/slw2.0/images/play.png' : 'https://cdn.cunwuyun.cn/slw2.0/images/pause.png'"
-              @click="changePlayStatus">
+            <img :src="isPause ? 'https://cdn.cunwuyun.cn/slw2.0/images/play.png' : 'https://cdn.cunwuyun.cn/slw2.0/images/pause.png'" @click="changePlayStatus">
           </div>
           <!-- <div
             class="volume"
@@ -28,7 +26,7 @@
             <div v-else class="back-btn" @click="backLiveing">回到直播</div>
           </div>
         </div>
-        <div class="right">
+        <div class="right" :style="{ right: right + 'px' }">
           <!-- <picker mode="date" @change="onDateChange">
             <img src="https://cdn.cunwuyun.cn/slw2.0/images/date.png">
           </picker> -->
@@ -71,6 +69,7 @@
         isShowVolume: false,
         isShowBar: true,
         date: '',
+        right: 0,
         isLiveing: true
       }
     },
@@ -102,6 +101,10 @@
     },
 
     mounted () {
+      if (uni.getSystemInfoSync().platform === 'ios') {
+        this.right = 20
+      }
+      console.log(uni.getSystemInfoSync())
       this.date = this.$dayjs(new Date()).format('YYYY-MM-DD')
       this.getSlwPlaybackTime()
       this.width = document.querySelector(`.slw`).offsetWidth + 'px'
@@ -378,6 +381,7 @@
         }
 
         .right {
+          position: relative;
           color: #c9c9c9;
           font-size: 24px;