1.创建自定义用户信息布局,在self页面里面页面<view class="cardLayout"> <view class="list"> <view class="item"> <view class="left"> <view class="icon"> <uni-icons type="camera-filled" size="18" color="#fff"></uni-icons> </view> <view class=&q
1.创建个人中心页面,把self页面弄成通屏在page.json中"navigationStyle": "custom"页面<view :style="{height:getStatusBarHeight()+'px'}"></view> <view class="userinfo"> <view class="left"> <view class="avatar"> <image src="../../static/logo.png" mode=""></image> </view> <view class="info"> <view class="username">ikrins</view>
1.删除弹窗评论官方组件中的安全区,然后自己设置一个安全区//paddingBottom: this.safeAreaInsets + 'px' //在chiken\uni_modules\uni-popup\components\uni-popup这个目录下注释 在弹窗评论组件中设置安全区<view class="safe-area-bottom" :style="{background:'#fff'}"></view> 2.子评论详情页的回复评论区的创建reply.vue页面<view class="replyBar"> <view class="out"> <view class="left">发布一条友好的评论吧</view> <view class="right">
1.在comment-item组件修改写入防止内页死循环跳转功能const Props = defineProps({ subReply:{ type:Boolean, default: false } }) //点击回复 const goReply =()=>{ if(Props.subReply){ //这是获取上面对的变量值的js的一种方式,而只有内页评论的subreply为falses,detail中传递的为true,这样能进行判断跳转,防止内页跳转死循环 uni.navigateTo({ url:"/pages/detail/reply" }) } } 2.写底部评论弹出框,当点击评论框时弹出,又评论框是在组件interactive-bar中,要进行组件向父级传值的事件在interactive-bar的组件中写入页面<view class="item" v-i
1.创建评论回复内页,在detail同级目录中就行,reply.vue<template> <view class="replyLayout"> <view class="outer"> <view class="body"> <comment-item></comment-item> //调用组件 </view> <view class="list"> <view class="row" v-for="item in 5"> <comment-item></comment-item> </view&
ikrins