124 lines
3.9 KiB
Vue
124 lines
3.9 KiB
Vue
<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>
|