/** * 顶部header */ Vue.component("dumbwaiter-1", { template: ` <div class="safe-tower-content"> <div class="safe-tower-content-title"> <span>{{value.name}}</span> </div> <div class="safe-tower-content-data"> <el-row> <el-col :span="4"> <div class="safe-tower-content-data-list"> <p>吊笼尺寸/m</p> <div><span>{{value.cageSize}}</span></div> </div> <div class="safe-tower-content-data-list"> <p>额定载重量</p> <div><span>{{value.loadCapacity}}</span> Kg</div> </div> <div class="safe-tower-content-data-list"> <p>额定乘客人数</p> <div><span>{{value.numberPeople}}</span> 人</div> </div> </el-col> <el-col :span="16"> <div style="height:330px;background: url('/images/dumbwaiter.png') no-repeat center/auto 100%"> </div> </el-col> <el-col :span="4"> <div class="safe-tower-content-data-list"> <p>最大提升高度</p> <div><span>{{value.liftingHeight}}</span> m</div> </div> <div class="safe-tower-content-data-list"> <p>额定运行速度</p> <div><span>{{value.runningSpeed}}</span> m/min</div> </div> <div class="safe-tower-content-data-list"> <p>进场时间</p> <div><span>{{value.enterTime}}</span></div> </div> </el-col> </el-row> </div> </div> </div> `, props: { value:{ type:Object }, }, data() { return { } }, mounted(){ //this.animation() }, methods: { animation(){ }, }, watch:{ } })