<template>
    <view>
        <view class="sub f14" hover-class="none" :hover-stop-propagation="false" v-for="(item, index) in list" :key="index">
            <view class="fsa mb8 c9" hover-class="none" :hover-stop-propagation="false">
                <view class hover-class="none" :hover-stop-propagation="false">{{ item.time }}</view>
                <view class hover-class="none" :hover-stop-propagation="false">{{ item.state }}</view>
            </view>

            <view class="c6" hover-class="none" :hover-stop-propagation="false">{{ item.content }}</view>

            <view class="c3 pt8 mt8 btd1" v-if="item.reply" hover-class="none" :hover-stop-propagation="false">{{ item.reply }}</view>
        </view>
    </view>
</template>

<script>
// pages/opinionList/index.js
export default {
    data() {
        return {
            list: [
                {
                    time: '2023-09-09 17:50',
                    state: '已反馈',
                    content:
                        '我是建议我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的'
                },
                {
                    time: '2023-09-09 17:51',
                    state: '已反馈',
                    content:
                        '我是建议我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的'
                },
                {
                    time: '2023-09-09 17:52',
                    state: '已回复',
                    content:
                        '我是建议我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的',
                    reply: '我是回复我是回复我是回复我是回复'
                }
            ]
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {}
};
</script>
<style>
@import './index.css';
</style>
