<template>
  <view class="more-tips">
    <view class="more-tips-scroll">
      <view
        class="more-tips-item"
        v-for="(item, index) in itemList"
        :key="index"
      >
        <view class="more-tips-item-title" @click="sendReply(item)">
          {{ item }}
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { defineProps } from "vue";
const emits = defineEmits(["replySent"]);

defineProps({
  itemList: {
    type: Array,
    default: [
      "定温泉票",
      "定酒店",
      "优惠套餐",
      "亲子玩法",
      "了解交通",
      "看看酒店",
      "看看美食",
    ],
  },
});

const sendReply = (text) => {
  emits("replySent", text);
};
</script>

<style lang="scss" scoped>
@use "./styles/index.scss";
</style>
