Fix:3917 【商城小程序】资讯评论页面需增加“资讯评论”作为分隔
This commit is contained in:
@@ -78,6 +78,10 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="v12-px-2">资讯评论</view>
|
||||||
|
<view v-if="comments.length === 0" class="v12-text-center v12-py-2 v12-dark1-text v12-font-24">
|
||||||
|
暂无评论
|
||||||
|
</view>
|
||||||
<view class="comment-list">
|
<view class="comment-list">
|
||||||
<view class="v12-mt-2" v-for="(comment, index) in comments" :key="index" @click="selectComment(comment)">
|
<view class="v12-mt-2" v-for="(comment, index) in comments" :key="index" @click="selectComment(comment)">
|
||||||
<view class="user-info v12-align-center">
|
<view class="user-info v12-align-center">
|
||||||
@@ -348,21 +352,26 @@ export default {
|
|||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
@import "@/assets/css/store.less";
|
@import "@/assets/css/store.less";
|
||||||
|
.comment-list{
|
||||||
|
padding-bottom: 100rpx;
|
||||||
|
}
|
||||||
.more-text{
|
.more-text{
|
||||||
color:#1B76F0;
|
color:#1B76F0;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
.comment-input-wrap{
|
.comment-input-wrap{
|
||||||
padding: 20rpx 0 ;
|
padding: 20rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: sticky;
|
position: -webkit-sticky;
|
||||||
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
left: 0;
|
||||||
}
|
}
|
||||||
.comment-input{
|
.comment-input{
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
@@ -796,8 +805,9 @@ export default {
|
|||||||
.info-item-bottom {
|
.info-item-bottom {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20rpx;
|
padding: 0 20rpx 20rpx 20rpx;
|
||||||
border-top: 1px solid #f1f1f1;
|
margin-bottom: 20rpx;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
.time {
|
.time {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
Reference in New Issue
Block a user