34 lines
1.1 KiB
Vue
34 lines
1.1 KiB
Vue
<template>
|
||
<view class="goods-info mb12">
|
||
<view class="hotel-header">
|
||
<image class="hotel-icon" src="./images/icon_house.png"></image>
|
||
<text class="hotel-name">天沐温泉酒店</text>
|
||
</view>
|
||
<view class="goods-detail">
|
||
<image class="goods-image" :src="goodsImage"></image>
|
||
<view class="goods-description">
|
||
<text class="goods-title">温泉早鸟票</text>
|
||
<text class="goods-date">预定时间：5月1日</text>
|
||
</view>
|
||
</view>
|
||
<view class="included-services">
|
||
<text class="services-title">包含服务</text>
|
||
<view class="service-item">
|
||
<text class="service-name">· 精致下午茶</text>
|
||
<text class="service-quantity">1份</text>
|
||
</view>
|
||
<view class="service-item">
|
||
<text class="service-name">· 接机或接站</text>
|
||
<text class="service-quantity">1份</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
const goodsImage = 'https://example.com/path/to/image.jpg'; // Replace with actual image URL
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
@import './styles/index.scss';
|
||
</style> |