<template>
  <view class="container">
    <text class="title">联系我们</text>
    <view class="contact-info">
      <view class="info-item">
        <text>📞 电话：0755-12345678</text>
      </view>
      <view class="info-item">
        <text>📧 邮箱：info@xxtech.com</text>
      </view>
      <view class="info-item">
        <text>📍 地址：深圳市南山区科技园XX大厦10楼</text>
      </view>
    </view>
    <button class="map-btn" @click="openMap">查看地图</button>
  </view>
</template>

<script setup>
const openMap = () => {
  // 微信小程序可用 wx.openLocation
  // H5 可跳转高德/百度地图
  uni.showToast({ title: '地图功能待接入', icon: 'none' })
}
</script>

<style scoped>
.container {
  padding: 40rpx;
}
.title {
  font-size: 44rpx;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50rpx;
  color: #1a365d;
}
.info-item {
  font-size: 32rpx;
  margin: 20rpx 0;
  padding: 10rpx 0;
}
.map-btn {
  margin-top: 60rpx;
  background: #1a365d;
  color: white;
  border: none;
  padding: 20rpx;
  border-radius: 12rpx;
}
</style>