machinery-mobile/src/views/djxm.vue

<template>
  <div class="main">
				<div class="von-in">
					<img src="@/assets/img/djxm01.png">
				</div>
				<div class="von-in">
					<img src="@/assets/img/djxm02.png">
					<div class="von-in-btn1 von-in-btn2 von-in-btn9">
						<button type="button" class="btn btn-warning">查看地图</button>
					</div>
					<!--弹窗-->
				<div class="von-showpic">
					<span></span>
					<div class="dj-demo">
						<img src="@/assets/img/dj04.png" alt="">
						<img class="@/assets/dj-demo-off" src="@/assets/img/off.png" alt="">
					</div>
					</div>
				</div>
				<div class="von-in">
					<img src="@/assets/img/djxm03.png">
					<div class="von-djxm-hr">
						<div class="hr-img">
							<img src="@/assets/img/dj04.png" />
							<img class="active" src="@/assets/img/dj04.png" />
							<img src="@/assets/img/dj04.png" />
						</div>
						<div class="hr-txt">
							<p>陈先生</p>
							<p class="yellow"><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i><i class="iconfont iconiconfontxingxing"></i></p>
							<p>高级工程师</p>
						</div>
					</div>
				</div>
				<div class="von-in">
					<img src="@/assets/img/djxm04.png">
				</div>
		<app-nav/>  
 <app-footer/>		
  </div>
</template>

<script>
import AppNav from '@/components/Nav.vue'
import AppFooter from '@/components/footer.vue'
export default {
 components: {
        AppFooter,
        AppNav
      },
}
</script>

<style>
.von-showpic{
    z-index: 0;
}
</style>