sooka_consult_uniapp/pages/wenbaxiangqing/wenbaxiangqing.vue

<template>
    <view>
        <!-- pages/me.wxml -->
        <view class="container">
            <h1 class="title">国家乡村振兴局关于落实党中央国务院2023年全面推进乡村振兴重点工作部署的实施意见</h1>
            <view class="wenzhangLy">
                <!-- 头像昵称 -->
                <view class="txTime">
                    <image :src="loadImgSrc('/moren.png')"></image>
                    <view class="time">
                        <p>国家乡村振兴局</p>
                        <span>2023-2-27 16:04</span>
                    </view>
                </view>
                <!-- 积分 -->
                <span class="jf">100</span>
            </view>
            <view class="wenzhangCont">
                <text>
                    2023年是全面贯彻落实党的二十大精神的开局之年，是巩固拓展脱贫攻坚成果同乡村振兴有效衔接的关键之年。2023年工作的总体思路是，以习近平新时代中国特色社会主义思想为指导，深入学习贯彻党的二十大精神，贯彻落实中央经济工作会议和中央农村工作会议精神，坚持稳中求进工作总基调，完整、准确、全面贯彻新发展理念，加快构建新发展格局，着力推动高质量发展，锚定建设农业强国目标，聚焦“守底线、抓发展、促振兴”，增强脱贫地区和脱贫群众内生发展动力，牢牢守住不发生规模性返贫的底线，扎实推进乡村发展、乡村建设、乡村治理和农村精神文明建设，建设宜居宜业和美乡村，推动巩固拓展脱贫攻坚成果上台阶、乡村全面振兴见实效，为全面建设社会主义现代化国家开局起步提供有力支撑。
                </text>
                <image :src="loadImgSrc('/img2.png')"></image>
            </view>
            <view class="fengexian"></view>
            <!-- 分割线 -->
            <view class="pinglunTj">
                <span class="pinglunTitle">
                    回答
                    <em>46</em>
                </span>
                <view class="ck">
                    <span>
                        <em class="iconfont icon-chakan"></em>
                        120
                    </span>
                    <span>
                        <em class="iconfont icon-shoucang"></em>
                        10
                    </span>
                </view>
            </view>
            <ul class="pinglunList" id="pinglunList">
                <li v-for="(e,idx) in anwserList" :key="idx">
                    <!-- 头像昵称 -->
                    <view class="txTime">
                        <image :src="loadImgSrc('/moren.png')"></image>
                        <view class="time">
                            <p>{{ e.deptName }}</p>
                            <span>{{ e.updateTime }}</span>
                        </view>
                    </view>
                    <text class="plListcont">{{ e.desc }}</text>
                    <button>采纳答案</button>
                </li>
            </ul>
        </view>
        <view class="fabiaoPl">
            <view class="shuRu">
                <em class="iconfont icon-bianji"></em>
                <input placeholder="请输入内容，友好回答" v-model="anwserVal"/>
            </view>
            <em 
				class="iconfont icon-shoucang" 
				@click=""
				:style="isShoucang"
				>
			</em>
            <view class="fasong" @click="answerFunc"><em class="iconfont icon-fasong"></em></view>
        </view>
    </view>
</template>

<script>
// pages/me.js
export default {
    data() {
        return {
			anwserVal:'',
			anwserList:[
				{
					deptName:'国家乡村振兴局',
					updateTime:'2023-2-27 16:04',
					desc:'用好政策效果评估成果，进一步优化巩固拓展脱贫攻坚成果同乡村振兴有效衔接政策供给，为推动工作提质增效提供有力支撑保障。',					
				}
			]
        };
    },
	methods: {
		answerFunc(){
			this.anwserList.push({
				deptName:'国家烟草局',
				updateTime:new Date().getFullYear() + "-" + new Date().getMonth() + "-" + new Date().getDay() + " " + (new Date().getHours() < 10 ? "0" + new Date().getHours() : new Date().getHours()) + ':' + (new Date().getMinutes() < 10 ? "0" + new Date().getMinutes() : new Date().getMinutes()),
				desc:this.anwserVal,		
			})
			this.anwserVal = null
		}
	}
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
};
</script>
<style>
@import './wenbaxiangqing.css';
</style>