<template>
    <div class="container">
        <div class="Msg">
            <div class="Msg_Tit">
                <div class="Msg_Tit_left">
                    <image src="http://192.168.0.172:5500/test.png" mode="aspectFill"></image>
                    TP
                </div>
                <div class="Msg_Tit_right">
                    <image v-for="item in 5" src="http://192.168.0.172:5500/local_start1.png" mode="aspectFill"></image>
                </div>
            </div>

            <div class="Msg_con">
                踏入这家位于街角的餐厅，木质门框与暖黄灯光交织出温馨氛围，墙面上手绘的食材插画透着文艺气息，开放式厨房的设计让食客能看见厨师处理食材的全过程，第一印象便给人以干净与安心。
            </div>

            <div class="Msg_iconList">
                <div class="Msg_iconList_left">
                    <div class="Msg_iconList_leftIcon">
                        <image src="http://192.168.0.172:5500/local_review.png" mode="widthFix"></image>
                        300
                    </div>

                    <div class="Msg_iconList_leftIcon">
                        <image src="http://192.168.0.172:5500/com_likeIcon.png" mode="widthFix"></image>
                        300
                    </div>
                </div>
                <div class="Msg_iconList_right">
                    <div class="Msg_iconList_leftIcon">
                        <image src="http://192.168.0.172:5500/com_shareIcon.png" mode="widthFix"></image>
                    </div>

                    <div class="Msg_iconList_leftIcon" @click="deletes">
                        <image src="http://192.168.0.172:5500/local_del.png" mode="widthFix"></image>
                    </div>
                </div>
            </div>

            <!-- 回复列表 -->
            <div class="reply" v-for="item in 3">
                <div class="reply_tit">
                    <div class="reply_tit_left">
                        <image src="http://192.168.0.172:5500/test.png" mode="aspectFill"></image>
                        哇偶
                    </div>
                    <div class="reply_tit_right">2025-06-12 12:23:46</div>
                </div>
                <div class="reply_con">真好啊呵呵呵</div>
            </div>
        </div>

        <div class="comment">
            <div class="comment_con">
                <image src="http://192.168.0.172:5500/local_send.png" mode="aspectFill"></image>
                <input type="text" placeholder="说点什么">
                <button id="send" @click="sendComment">发送</button>
            </div>
        </div>
    </div>
</template>

<script>
import {
    request,
    picUrl,
    uniqueByField,
    menuButtonInfo,
    NavgateTo
} from '../../../utils';

import {
    apiArr
} from '../../../api/v2local';


export default {
    data() {
        return {
            picUrl,
            top: "",
            localHeight: "",

        }
    },
    onLoad(options) {
        const meun = menuButtonInfo();
        this.top = meun.top;
        // this.top = meun.height + meun.top;
        this.localHeight = meun.height;
    },


    methods: {
        sendComment() {
            // 这里添加发送评论的逻辑
            console.log('发送评论');
        },

        deletes(){
            uni.showModal({
                title: '提示',
                content: '确定删除？',
                success: function (res) {
                    if (res.confirm) {
                        console.log('用户点击确定');
                    } else if (res.cancel) {
                        console.log('用户点击取消');
                    }
                }
            });
        },

    },


}
</script>

<style>
@import url("./index.css");
</style>
