| | |
| | | <BaseCard size="middle-s" direction="up"> |
| | | <template #content> |
| | | <el-row align="middle" style="gap: 6px"> |
| | | <div>历史轨迹</div> |
| | | <div class="map-btn-group"> |
| | | <font-awesome-icon |
| | | :icon="btnStop.icon" |
| | | :class="'btn-search m-r-2 ' + btnStop.clz" |
| | | @click="handleStop" |
| | | /> |
| | | <font-awesome-icon |
| | | :icon="btnPlay.icon" |
| | | class="btn-search" |
| | | @click="handlePlayOrPause" |
| | | /> |
| | | </div> |
| | | <div class="label-date margin-left-2"> |
| | | <span class="label-date-title">倍速</span> |
| | | <el-form-item label="历史轨迹"> |
| | | <div class="map-btn-group"> |
| | | <font-awesome-icon |
| | | :icon="btnStop.icon" |
| | | :class="'btn-search m-r-2 ' + btnStop.clz" |
| | | @click="handleStop" |
| | | /> |
| | | <font-awesome-icon |
| | | :icon="btnPlay.icon" |
| | | class="btn-search" |
| | | @click="handlePlayOrPause" |
| | | /> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="倍速"> |
| | | <el-select v-model="speed" size="small" class="w-60"> |
| | | <el-option label="1.0X" :value="1" /> |
| | | <el-option label="4.0X" :value="4" /> |
| | | <el-option label="8.0X" :value="8" /> |
| | | <el-option label="16X" :value="16" /> |
| | | </el-select> |
| | | </div> |
| | | </el-form-item> |
| | | </el-row> |
| | | </template> |
| | | </BaseCard> |
| | |
| | | .btn-disable { |
| | | color: gray; |
| | | } |
| | | |
| | | .el-form-item { |
| | | margin-bottom: 0px; |
| | | } |
| | | </style> |