diff --git a/pages/bookShop/commodityDetail.vue b/pages/bookShop/commodityDetail.vue index ca45d29..e085555 100644 --- a/pages/bookShop/commodityDetail.vue +++ b/pages/bookShop/commodityDetail.vue @@ -61,7 +61,7 @@ - 赠送听书权益 + 赠送听书权益 @@ -73,7 +73,7 @@ - 商品详情 + 商品详情 @@ -109,7 +109,7 @@ - 评价({{commentsList?commentsList.length:0}}) + 评价({{commentsList?commentsList.length:0}}) diff --git a/pages/bookscomments/comments.vue b/pages/bookscomments/comments.vue index e710288..03dd12c 100644 --- a/pages/bookscomments/comments.vue +++ b/pages/bookscomments/comments.vue @@ -6,31 +6,37 @@ - + {{productInfo.bookName}} - 作者:{{productInfo.authorName}} + 作者:{{productInfo.authorName}} 简介:{{productInfo.content}} + + 热门书评 + 查看更多> + - - - {{item.title}} - + + {{item.title}} + + + + + - {{item.updateTime}} + {{item.createTime}} + - + 暂无书评内容~ @@ -279,48 +285,59 @@ import { data } from 'jquery'; border-radius: 20rpx; margin-bottom: 20rpx; + .imageradius{ + border-radius: 20rpx; + border:1rpx solid #e9e9e9; + } .bookInfo-inner{ padding-left: 30rpx; box-sizing: border-box; width: calc(100% - 150px); - .title{font-size: 38rpx; margin-top: 20rpx; font-weight: blod; margin-bottom: 20rpx; display: block; - } + .title{font-size: 32rpx; margin-top: 0rpx; margin-bottom: 20rpx;font-weight: 700; display: block;} + .author{font-size: 30rpx;margin-top: 0rpx;margin-bottom: 20rpx;font-weight: 500; display: block; } + .description{ + font-size: 28rpx; line-height: 20px; width: 100%; color:#888; padding-left: 0; overflow:hidden; text-overflow: ellipsis; - -webkit-line-clamp: 7; + -webkit-line-clamp: 9; display: -webkit-box; -webkit-box-orient: vertical; } } - image{width: 150px !important; } + .bookinfoimage{width: 150px !important; } } .mainContent{background-color: #fff; .item{ - padding: 10px; + // padding: 10px; margin-bottom: 30rpx; - border: 1px solid #999; + // border: 1px solid #999; box-sizing: border-box; padding-bottom: 20rpx; border-radius: 20rpx; margin-bottom: 20rpx; } - .feng{margin-bottom: 15px; overflow: hidden;} - .title{font-size: 38rpx; font-weight: blod; color: #55aa00; overflow: hidden;} - .description{ overflow: hidden; color: #666; - text-overflow: -o-ellipsis-lastline; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - line-clamp: 3; - -webkit-box-orient: vertical; - font-size: 28rpx; margin-bottom: 15px; margin-top:5px; + .feng{margin:10rpx 0 0 0;height: 200rpx;width: 200rpx;float:right;border-radius: 20rpx;border:1rpx solid #e9e9e9;} + .title{font-size: 32rpx; font-weight: 500; color: #55aa00; overflow: hidden;} + .description{ + overflow: hidden; + color: #666; + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 5; + line-clamp: 5; + -webkit-box-orient: vertical; + font-size: 28rpx; + margin-bottom: 15px; + margin-top:5px; + min-height: 144rpx; } - .btns{font-size: 24rpx; justify-content: space-between; + .btns{font-size: 24rpx; justify-content: flex-start; .time{font-size: 24rpx; color: #666; } .opbtns{ .pingjia{margin-left: 10px;}