29266

packages/IntelligentSecurity/components/Synergy.vue

@@ -50,6 +50,7 @@
               <span>通道{{ index + 1 }}</span>
             </el-checkbox>
             <PlaybackTime class="playback-item__timeline" :key="'PlaybackTime' + index" v-if="item.times.length" :deviceId="item.id" :times="item.times"></PlaybackTime>
+            <i :style="{left: (x - 17) + 'px'}"></i>
           </div>
         </el-checkbox-group>
       </div>
@@ -416,11 +417,22 @@
         color: #FFFFFF;
 
         .playback-item {
+          position: relative;
           display: flex;
           align-items: center;
           width: 100%;
           margin-bottom: 4px;
 
+          i {
+            position: absolute;
+            top: 50%;
+            z-index: 1;
+            width: 2px;
+            height: 12px;
+            background: #FFC916;
+            transform: translateY(-50%);
+          }
+
           &:last-child {
             margin-bottom: 0;
           }