鸡汤来咯开发学习笔记-16

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

前端 · 2024-07-09

鸡汤来咯开发学习笔记-15

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&

前端 · 2024-07-08

鸡汤来咯开发学习笔记-14

1、在评论组件中加入更多评论回复模块页面区<view class="subReply"> <view class="list"> <view class="row"> 张三:啊啊啊对对 </view> <view class="row"> 李四：66666 </view> <view class="row more">共3条回复 //css的多个选择器 <uni-icons type="right" color="#a7a7a7" size="

前端 · 2024-07-07

鸡汤来咯开发学习笔记-13

1.创建评论列表项组件，comment-item<template> <view class="commentItem"> <view class="outer"> <view class="avatar"> <image class="pic" src="../../static/images/defAvatar.png" mode="aspectFill"></image> </view> <view class="content"> <view class="userinfo"> <

前端 · 2024-07-06

鸡汤来咯开发学习笔记-12

1.创建interactive组件，把index.vue中的info部分进行组件化，然后index.vue再进行调用2.创建安全区域的css组件，防止手机页面小白条遮挡detail.vue中的interactive组件.safe-area-bottom{ width: 100%; height: env(safe-area-inset-bottom); }在detail中引用<view class="interactive"> <interactive-bar></interactive-bar> <view class="safe-area-bottom"></view> </view>3.区分interactive组件的样式在index和detail中： 在interactive组件中，加入script方法 defineProps({ type:Number, d

前端 · 2024-07-04
2024 - 2025 ikrins‘Blog. All Rights Reserved.
Theme Jasmine by Kent Liao