41 lines
1.1 KiB
Vue
41 lines
1.1 KiB
Vue
<template>
|
|
<view class="service-prompt">
|
|
<view class="service-header">
|
|
<text class="header-text">你可以这样问我</text>
|
|
<image
|
|
class="header-icon"
|
|
src="./images/icon_refresh.png"
|
|
@click="handleRefresh"
|
|
></image>
|
|
</view>
|
|
<view class="service-buttons">
|
|
<text class="service-button" @click="handleClick('bed')">
|
|
帮我加一张床
|
|
</text>
|
|
<text class="service-button" @click="handleClick('hotWater')">
|
|
房间热水不够热
|
|
</text>
|
|
<text class="service-button" @click="handleClick('mahjong')">
|
|
帮忙加一台麻将机
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from "vue";
|
|
|
|
const handleRefresh = (type) => {
|
|
console.log(`Button clicked: ${type}`);
|
|
};
|
|
|
|
const handleClick = (type) => {
|
|
console.log(`Button clicked: ${type}`);
|
|
// Add your logic here based on the type (e.g., 'bed', 'hotWater', 'mahjong')
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "./styles/index.scss";
|
|
</style>
|