<template>
	<view class="container detail-container">
		<CustomNavbar
			title=""
			type="center"
			:isLeft="true"
			@handleLeft="handleLeft"
			bgColor="#fff"
		/>
		<view class="detail-content">
			<text class="title"> 全民杠 </text>
			<view class="flex-r-b top">
				<text>公众阿红</text>
				<text class="content-font">发表于</text>
			</view>
			<!-- 主体详情 -->
			<view class=""> </view>
		</view>
		<view class="comment-content">
			<text class="headline">评论</text>
			<view class="comment-item">
				<view class="top">
					<image
						src="https://ywt-image.oss-cn-shenzhen.aliyuncs.com/doctor/avatar/default.png"
						mode="aspectFit|aspectFill|widthFix"
						lazy-load="false"
						binderror=""
						bindload=""
					/>
					<text>医生工作室</text>
				</view>
				<view class="center"> 根据不同疾病，患者出现症状的差异较大。心血管疾病患者常表现为根据不同疾病，患者出现症状的差异较大。心血管疾病患者常表现为:心悸、呼吸困难... </view>
				<view class="bottom">
					<text>2023-12-12</text>
					<text @click="handleDelete">删除</text>
				</view>
			</view>
		</view>
		<view class="bottom-box">
				<CustomIcon iconName="bianjipingjia" color="rgba(44,54,69,0.6)" size="40rpx" class="input-icon"/>
				<input type="text" placeholder="有疑问?点这里说出来">
				<view><CustomIcon iconName="zhuanfa" color="#2C3645" size="40rpx"/>转发</view>
				<view><CustomIcon iconName="shoucang"  color="#2C3645" size="40rpx"/>收藏</view>
		</view>
	</view>
	<uv-modal ref="modal" title="提示" 
		confirmText="确认"
		confirmColor="#00BCA6"
		align="center"
		:showCancelButton="true"
		content='确定删除该评论吗' @confirm="handleModalConfirm"></uv-modal>
</template>

<script lang="ts" setup>
import { ref, inject, onMounted } from "vue";
import articleApi from "@/api/article";
const $showToast: any = inject("$showToast");

const modal = ref<any>(null)
/**
 * 顶部导航返回
 */
const handleLeft = () => {
	uni.navigateBack({ delta: 1 });
};
/**
 * 评论删除回调
 */

const handleDelete = () => {
	modal.value.open()

}

const handleModalConfirm = () => {

}

</script>

<style lang="scss">
@import "./index.scss";
page {
	background: #f5f7fa;
}
</style>
