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.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>
1.使用扩展插件uni-popup弹出层,引入写入index.vue中<uni-popup ref="usePopup" type="center" @maskClick="closeUsePopup">// 建立弹出事件 <view class="usePopup"> <image src="../../static/images/upward.png" mode="heightFix" @click="closeUsePopup"></image> </view> 2.写入弹出层的css样式usePopup{ padding-top: 15vh; image{ height: 150rpx; transform: translateY(100rpx); //位移 opacity: 0; //透
1.安装官方的扩展组件uni-icons图标2.在index.vue的info中加入内容,以下代码,加入1中的图标 <view class="left"> <view class="item"> <uni-icons type="redo" size="28" color="#999"></uni-icons> <text></text> </view> </view> <view class="right&
ikrins