/* pages/deliciousList.wxss */ scroll-view ::-webkit-scrollbar { display:none; width:0; height:0; color:transparent; } page { background: #F5F5F5; } .content .cont-width { width: 90%; margin: 1.25rem auto; background: #FFFFFF; box-shadow: 0px 6px 12px 0px rgba(187, 187, 187, 0.5); border-radius: 10px; padding: 20rpx 20rpx; } .content .cont-width .cont-bg { height: 6.625rem; border-radius: 20px; margin: 0 auto; margin-bottom: 0.625rem; background-size: 100% 100%; position: relative; } .content .cont-width .cont-bg .number { position: absolute; width: 3.0625rem; height: 3.725rem; font-size: 0.8125rem; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: 100% 100%; margin-top: -1.125rem; margin-left: 0.625rem; } .content .cont-width .cont-bg .number view { height: 0.625rem; line-height: 0.625rem; } .content .cont-width .cont-bg .number view:nth-child(2n) { font-size: 0.625rem; opacity: 0.34; } .content .cont-width .cont-bg .number view:last-child { font-size: 0.75rem; font-family: DOUYU; font-weight: normal; } .content .cont-width .stars { font-size: 1rem; font-weight: 600; display: flex; align-items: center; } .content .cont-width .stars image { width: 0.9375rem; height: 0.9375rem; margin-left: 3px; } .content .cont-width .quality { font-size: 0.875rem; margin: 0.625rem 0; color: #666 } .content .cont-width .quality view { color: #F58E3C; } .content .cont-width .comments { display: flex; } .content .cont-width .comments view:first-child { font-weight: 600; } .content-text { display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all; /*强制英文单词自动换行*/ } .content .cont-width .comments view:last-child { color: #508FF4; word-wrap: break-word; } .content .cont-width .btn { display: flex; justify-content: flex-end; } .content .cont-width .btn view { margin-top: 20rpx; margin-bottom: 10rpx; width: 140rpx; height: 55rpx; font-size: 24rpx; display: flex; align-items: center; justify-content: center; color: #fff; background: #FF6C00; border-radius: 30rpx; } /* tab */ .tab { display: flex; white-space: nowrap; -webkit-overflow-scrolling: touch; background: #FFF; height: 90rpx; padding: 0 32rpx; box-sizing: border-box; } .tab-item { flex: 1; font-size: 35rpx; text-align: center; display: inline-block; height: 80rpx; line-height: 90rpx; margin: 0 10rpx; padding: 0 20rpx; } .tab-item.active { color: #508FF4; font-weight: 600; border-bottom: 7rpx solid #508FF4; } .swiper-content { height: 64vh; } .swiper-content swiper { height: 100%; } .swiper-content .content .cont-bg { height: 245rpx; } .swiper-content .content .cont-width { margin-bottom: 40rpx; }