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="
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"> <
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
1.common-style.css里面加入image的公共样式，来锁定每个图片的大小image{ width: 100rpx; height: 100rpx; }2.在auther里面加入共12人看过，让用户点入详情页能查看看过的人数，并新增一个容器outer，把下面显示行的信息放在里面 <view class="outer"> <view class="userinfo"> <view class="avatar"> <image src="../../static/images/self.png" mode="aspectFill"></image> </view> <view class="name">豚豚</view>
1.创建一个soup-tab-group的组件，然后把以前index.vue的soup-tab-group的内容包括scss样式移植到组件里面，然后index.vue再引用<template> <view class="soupTapGroup"> <view class="tab" v-if="true"> <view class="icon"> <image src="../../static/images/du-icon.png" mode="aspectFill"></image> </view> <view class="text">毒鸡汤</view> </view>
ikrins
