<!-- 景区电话列表 -->
<template>
	<view class="wrap">
		<view class="title">
			 咨询电话
		</view>
		<view class="list" v-for="(item, index) in scenicList" :key="index" @click="makePhone(item.phone)">
			<text> {{ item.name }}: </text>
			<text>
				{{ item.phone }}
			</text>
		</view>
	</view>
</template>

<script>
export default {
  data() {
    return {
      scenicList:[//景区列表
        {name:'长江索道',phone:'023-68816888'},
        {name:'皇冠大扶梯',phone:'023-63856688'},
        {name:'云端之眼.高空观景台',phone:'023-60339688'},
        {name:'两江夜游',phone:'13883372702'},
        {name:'礼嘉时光缆车（渝北区）',phone:'023-67687141'},
        {name:'清明上河图',phone:'17783002411'},
        {name:'重庆湖广会馆',phone:'023-63914697'},
        {name:'重庆抗战遗址博物馆',phone:'023-62462447'},
        {name:'重庆杜莎夫人蜡像馆',phone:'023-63492828'},
        {name:'红岩文旅',phone:'023-81037996'},
        {name:'胖丁旅行综合咨询',phone:'4000720368'},
      ]
    }
  },
  onLoad() {
    
  },
  methods: {
    //---拨打电话
    makePhone(phoneNumber) {
      uni.makePhoneCall({
        phoneNumber
      })
    }
  }
}
</script>

<style scoped lang="scss">
.wrap{
	height: 100%;
	background: #ffffff;
}
.title {
	text-align: center;
	font-size: 32rpx;
	font-weight: bold;
	padding: 30rpx;
	border-bottom: 1px solid #e6e6e6;
}
.list {
	height: 100rpx;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 24rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
</style>