<!--图文咨询-->
<template>
    <nav-bar id="nav-bar" ref="navBar" :navbar-data="navbarData"></nav-bar>
    <view class="common" :style="{ marginTop: height +'px' }">
        <chooseLoc path="../../pages/graphicConsultation/graphicConsulChooseDoctor/graphicConsulChooseDoctor" :flag="true" />
    </view>
</template>

<script>
import navBar from '@/components/navBar/index.vue'
import chooseLoc from '../components/chooseLoc/chooseLoc'
const app = getApp()
export default {
    components: {
		'nav-bar': navBar,
        'chooseLoc': chooseLoc
	},
    data() {
        return {
            height: app.globalData.height,
            navbarData: {
            isGoHome: true,
            isGoBack: true,
            title: "选择科室"
            },
        }
    }
}
</script>

<style>
.img-text-head {
  background: #fff;
  padding: 24rpx 48rpx;
}

.ith-title {
  font-weight: 700;
  font-size: 36rpx;
  margin-bottom: 36rpx;
}

.ith-text {
  padding: 0 20rpx;
  font-size: 28rpx;
}

van-step--horizontal .van-step__title {
  font-size: 28rpx;
}

.img-text-dropdown-menu {
  margin-top: 10rpx;
}

.img-text-dropdown-context {
  padding: 20rpx;
  box-sizing: border-box;
}

.itdc-head {
  width: 100%;
  height: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  background: #fff;
  display: flex;
}

.itdc-head .itdc-head-portrait {
  width: 120rpx;
  height: 120rpx;
}

.itdc-head-title {
  margin-left: 12rpx;
}
</style>