diff --git a/App.vue b/App.vue index b01ef27..545244d 100644 --- a/App.vue +++ b/App.vue @@ -786,10 +786,6 @@ uni-checkbox:not([disabled]) .uni-checkbox-input:hover { color: #595B6B; } -.font-color-F54639 { - color: #F54639; -} - .font-color-BCBDC6 { color: #BCBDC6; } diff --git a/pages_category_page1/goodsModule/goodsList.vue b/pages_category_page1/goodsModule/goodsList.vue index 0a1f33b..c8809c1 100644 --- a/pages_category_page1/goodsModule/goodsList.vue +++ b/pages_category_page1/goodsModule/goodsList.vue @@ -6,18 +6,18 @@ @@ -108,7 +108,7 @@ class="number" v-if="item.number != null" > - + 已售{{ item.number }}件 - + - + - ¥{{ item.originalPrice }} + ¥{{ item.originalPrice }} - + @@ -341,7 +341,7 @@ input { .container { height: 100%; - background: #f8f8f8; + background: #FAFAFA; position: relative; .search { @@ -373,9 +373,10 @@ input { .searchBg { width: 100%; display: flex; - background-color: #F7F7F7; + background-color: #F2F2F6; + border-radius: 35rpx; align-items: center; - height: 78rpx; + height: 68rpx; justify-content: space-between; padding: 0 20rpx; @@ -386,19 +387,21 @@ input { } .searchImg { - width: 50upx; - height: 50upx; + width: 32rpx; + height: 32rpx; position: absolute; left: 0upx; } .search-box { - width: 400upx; + width: 500rpx; height: 66upx; + font-size: 28rpx; + color: #252744; } .searchboxPlace { - font-size: 26upx; + font-size: 28rpx; color: #A9A9A9; padding-right: 30upx; } @@ -416,15 +419,16 @@ input { } .goodsDetails-box { - background: #FFFFFF; margin-top: 20rpx; box-sizing: border-box; .spikeList { - border-bottom: 1upx solid #EDEDED; padding-top: 30rpx; padding-bottom: 30upx; position: relative; + background: #FFFFFF; + border-radius: 30rpx; + box-shadow: 0rpx 15rpx 30rpx 0rpx #F2F2F2; .listItem { display: flex; @@ -446,8 +450,9 @@ input { margin-right: 30upx; img { - width: 100%; - height: 100%; + width: 220rpx; + height: 220rpx; + border-radius: 20rpx; } } @@ -455,8 +460,8 @@ input { flex: 1; p { - font-size: 26upx; - color: #333333; + font-size: 28rpx; + color: #252744; line-height: 40upx; margin-bottom: 30upx; text-overflow: -o-ellipsis-lastline; @@ -475,11 +480,10 @@ input { align-items: center; .numText { - padding: 0 10rpx; - height: 40rpx; - line-height: 40rpx; - border: 2rpx solid #E4E5E6; - color: #C5AA7B; + padding: 3rpx 12rpx; + border: 1rpx solid #90919C; + border-radius: 10rpx; + color: #90919C; font-size: 20rpx; margin-right: 10rpx; } @@ -489,10 +493,11 @@ input { .shopName { height: 50rpx; - background: #333333; + background: #252744; opacity: 1; - border-radius: 0 20rpx 20rpx 0; - padding: 10rpx 15rpx; + border-radius: 25rpx; + padding: 10rpx 20rpx; + margin-right: 10rpx; } } } @@ -538,10 +543,11 @@ input { } .nav-title { + color: #90919C; } .nav-item.active { - color: #C5AA7B; + color: #252744; } .nav-item .line { @@ -553,7 +559,7 @@ input { } .nav-item.active .line { - background: #C5AA7B; + background: #252744; } .nav-item.padd-l { @@ -562,7 +568,8 @@ input { } .active { - color: #C5AA7B; + color: #252744; + font-weight: bold; } .nav-item.padd-r { @@ -594,8 +601,9 @@ input { height: 0; border-width: 10rpx; border-style: solid; - border-color: #CCCCCC transparent transparent transparent; + border-color: #90919C transparent transparent transparent; margin-top: 2rpx; + margin-left: 3rpx; } .arrowUp { @@ -604,15 +612,18 @@ input { height: 0; border-width: 10rpx; border-style: solid; - border-color: transparent transparent #CCCCCC transparent; + border-color: transparent transparent #90919C transparent; + margin-left: 3rpx; } .activeDown { - border-color: #C5AA7B transparent transparent transparent; + border-color: #252744 transparent transparent transparent; + margin-left: 3rpx; } .activeUp { - border-color: transparent transparent #C5AA7B transparent; + border-color: transparent transparent #252744 transparent; + margin-left: 3rpx; } }