feat: 调整了目录结构
This commit is contained in:
38
src/pages/ChatMain/ChatMoreTips/index.vue
Normal file
38
src/pages/ChatMain/ChatMoreTips/index.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<view class="more-tips bg-white border-box">
|
||||
<view class="font-size-0 whitespace-nowrap scroll-x">
|
||||
<view
|
||||
class="more-tips-item border-box inline-block mr-8"
|
||||
v-for="(item, index) in guideWords"
|
||||
:key="index"
|
||||
>
|
||||
<text
|
||||
:class="['font-500 font-size-12 text-center', `color-${index}`]"
|
||||
@click="sendReply(item)"
|
||||
>
|
||||
{{ item }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
|
||||
import { defineProps } from "vue";
|
||||
|
||||
defineProps({
|
||||
guideWords: {
|
||||
type: Array,
|
||||
default: [],
|
||||
},
|
||||
});
|
||||
|
||||
const sendReply = (item) => {
|
||||
uni.$emit(SEND_MESSAGE_CONTENT_TEXT, item);
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
Reference in New Issue
Block a user