<template>
  <view class="common-details-container">
    <view class="common-header-wrapper">
      <image :src="minioUrl + '/img_xiuche_bg.png'" mode="scaleToFill" />
    </view>
    <view class="common-content-wrapper">
      <view class="common-card">
        <!-- common title -->
        <view class="common-card-title">驿驰汽修</view>
        <!-- sub title -->
        <view class="common-sub-title">营业时间:24小时</view>
        <view class="common-sub-title">客服电话:0532-8886666</view>
      </view>
      <view class="common-card">
        <view class="common-card-title u-margin-bottom-20">免费项目</view>
        <view class="common-card-content">
          <text>大货车免费汽修项目:启动搭电、胎压检测</text>
          <text>小客车免费汽修项目:启动搭电、胎压检测、轮胎充气</text>
        </view>
        <view class="common-card-title u-margin-top-45">收费项目</view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { useGlobal } from '../../composables/index'
const { minioUrl } = useGlobal()
</script>

<style lang="scss" scoepd>
@import '../base.scss';
</style>
