diff --git a/components/author/author.vue b/components/author/author.vue index 9ce84ea..ff1821a 100644 --- a/components/author/author.vue +++ b/components/author/author.vue @@ -1,8 +1,8 @@ diff --git a/index.html b/index.html index b9d6127..460492b 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ font-size: 18px; } .qa-solve{ - color:#08A890; + color: #333333; } .qa-unSolve{ color:#387DF7; diff --git a/pages/index/index.vue b/pages/index/index.vue index cc9a87e..579769e 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -110,43 +110,56 @@ - + + + 最热 + 最新 - [已解决] - [待解决] + 【已解决】 + 【待解决】 {{ item.title }} - - - - {{item.sysCreateTime.substring(0,10)}} - - + {{item.content }} - - 最佳回答: - {{item.bestAnswer}} + + - + + + + + + + {{item.sysCreateTime.substring(0,10)}} + + + + {{item.praises}} 赞同 + · + + {{item.answers}} 回答 - + @@ -733,6 +746,27 @@ text-align: center; padding: 5upx 10upx 0upx 0upx; } + .tab-qa{ + padding: 30upx; + padding-bottom: 10upx; + background-color: #fff; + .qa-tab-text{ + display: inline-block; + font-size: 28upx; + font-weight: 500; + color: #666666; + margin-right: 36upx; + } + .qa-active{ + width: 88upx; + height: 48upx; + background: linear-gradient(180deg, #FD8D0C 0%, #F9800C 100%); + border-radius: 8upx; + line-height: 48upx; + text-align: center; + color: #fff; + } + } .tab-article{ padding: 30upx; padding-bottom: 10upx; @@ -810,9 +844,9 @@ .qa { // height: 264upx; background: #FFFFFF; - margin-bottom: 10px; - margin-top: 5px; - padding: 20upx 28upx 10upx 28upx; + margin-bottom: 20upx; + // margin-top: 5px; + padding: 18upx 30upx 28upx 30upx; .content{ padding: 0px; .content-list{ @@ -832,8 +866,6 @@ -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; - - } .content-time{ flex: 1; @@ -846,24 +878,24 @@ .content-listtwo{ display: flex; justify-content: space-between; - margin-top: 10upx; + // margin-top: 10upx; // height: upx; // margin-left: 8upx; margin-right: 8upx; .list-details{ .list-text{ - font-size: 30rpx; - color: #454545; - line-height: 45upx; + font-size: 28upx; + color: #666666; + line-height: 40upx; font-family: Source Han Sans CN; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; - -webkit-line-clamp: 1; + -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all; - margin-bottom: 10rpx; + margin-bottom: 28upx; } .list-best{ @@ -975,7 +1007,12 @@ } .item-author{ - font-size: 0.9em; + font-size: 0.9em; + .qa-info-bar{ + font-size: 24upx; + color: #999999; + margin-top: 10upx; + } // margin-bottom: 10rpx; } .items{