ShenhaiH5/src/base/shop/details.vue

<template>
  <view class="common-details-container">
    <view class="common-header-wrapper">
      <image src="" mode="scaleToFill" />
    </view>
    <view class="common-content-wrapper">
      <view class="common-card">
        <!-- common title -->
        <view class="common-card-title">肯德基海清高速服务区店</view>
        <!-- rate -->
        <view class="common-card-rate">
          <uni-rate allow-half :value="5" color="#ddd" activeColor="#ff5702" />
        </view>
        <!-- sub title -->
        <view class="common-sub-title">营业时间: 08:00-24:00</view>
      </view>
      <view class="common-card">
        <view class="common-card-title">店铺简介</view>
        <view class="common-card-content"
          >肯德基（Kentucky Fried Chicken），简称KFC，
          全球炸鸡连锁餐厅，总部位于美国肯塔基州路易斯维尔市，在世界上105个国家和地区开设有15000多家肯德基餐厅，
          隶属于全球最大的餐饮连锁企业百胜餐饮集团。 产品以鸡肉为主，并不断推出新产品。</view
        >
        <view class="common-card-title u-margin-top-12">精品推荐</view>
        <view class="common-card-list">
          <view class="card-list-item" v-for="index in 6" :key="index">
            <view class="item-img-wrap">
              <image src="" mode="scaleToFill" />
            </view>
            <view class="list-text">蜜汁全鸡</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup></script>

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