Update 营销活动三种样式商品卡片

eaterplanet · May 1, 2023 · 094c2db · 094c2db
1 parent 9538502
commit 094c2db
Show file tree

Hide file tree

Showing 23 changed files with 136 additions and 97 deletions.
diff --git a/eaterplanet_ecommerce/components/comming-spu-disabled/index.wxss b/eaterplanet_ecommerce/components/comming-spu-disabled/index.wxss
@@ -96,6 +96,7 @@
 }
 
 .comming-spu-content .spu-price .sale-price {
+    font-family: DIN;
     color: #ff758c;
     margin-right: 8rpx;
 }

diff --git a/eaterplanet_ecommerce/components/diy-pintuan/index.wxss b/eaterplanet_ecommerce/components/diy-pintuan/index.wxss
@@ -53,7 +53,10 @@
 }
 
 .pin-spec-item .price {
-  color: #ff5041;
+  font-family: DIN;
+  color: #ff758c;
+  font-size: 36rpx;
+  font-weight: bold;
 }
 
 .pin-spec-item .act-end {

diff --git a/eaterplanet_ecommerce/components/guess-like/index.wxss b/eaterplanet_ecommerce/components/guess-like/index.wxss
@@ -62,8 +62,8 @@
 }
 
 .new-comers-item .price {
-    font-family: DIN;
-    color: #ff758c;
+  font-family: DIN;
+  color: #ff758c;
 }
 
 .new-comers-item {

diff --git a/eaterplanet_ecommerce/components/new-comer/index.wxss b/eaterplanet_ecommerce/components/new-comer/index.wxss
@@ -1,10 +1,9 @@
 /* 新人专享 */
 .new-comers {
   position: relative;
-    padding: 20rpx 0;
-  margin: 20rpx;
-  background: #fff;
-  border-radius: 10rpx;
+  padding-bottom: 10rpx;
+  /* margin: 0 20rpx; */
+  border-radius: 20rpx;
   overflow: hidden;
   z-index: 0;
 }
@@ -23,11 +22,11 @@
     left: 0;
     top: 0;
     bottom: 0;
-    border-left: 8rpx solid #4facfe;
+    border-left: 8rpx solid #ff758c;
 }
 
 .new-comers-scroll {
-    max-height: 320rpx;
+    max-height: 340rpx;
 }
 
 .new-comers-wrap {
@@ -46,14 +45,16 @@
 
 .new-comers-item .new-img {
     width: 200rpx;
-    height: 180rpx;
-    margin-bottom: 20rpx;
+    height: 200rpx;
+    margin-bottom: 10rpx;
+    border-radius: 20rpx;
 }
 
 .new-comers-item .title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-weight: bold;
 }
 
 .new-comers-item .new-bot {
@@ -77,7 +78,10 @@
 }
 
 .new-comers-item .price {
-    color: #ff758c;
+  font-family: DIN;
+  color: #ff758c;
+  font-size: 36rpx;
+  font-weight: bold;
 }
 
 .new-comers-item {

diff --git a/eaterplanet_ecommerce/components/new-rush-spu/index.wxss b/eaterplanet_ecommerce/components/new-rush-spu/index.wxss
@@ -162,7 +162,7 @@
 }
 
 .spu .spu-content .item-right .spu-price .sale-price {
-    font-family: 'DIN';
+    font-family: DIN;
     color: #ff758c;
     margin-right: 14rpx;
     font-weight: bold;

diff --git a/eaterplanet_ecommerce/components/order/orderInfoExpress.wxss b/eaterplanet_ecommerce/components/order/orderInfoExpress.wxss
@@ -57,8 +57,8 @@
 }
 
 .footer .money {
-    font-family: DIN;
-    color: #ff758c;
-    font-size: 40rpx;
-    font-weight: bold;
+  font-family: DIN;
+  color: #ff758c;
+  font-size: 40rpx;
+  font-weight: bold;
 }
diff --git a/eaterplanet_ecommerce/components/orderInfo/index.wxss b/eaterplanet_ecommerce/components/orderInfo/index.wxss
@@ -36,8 +36,8 @@
 }
 
 .footer .money {
-    font-family: DIN;
-    color: #ff758c;
-    font-weight: bold;
-    font-size: 40rpx;
+  font-family: DIN;
+  color: #ff758c;
+  font-weight: bold;
+  font-size: 40rpx;
 }
diff --git a/eaterplanet_ecommerce/components/rush-spu-big/index.wxss b/eaterplanet_ecommerce/components/rush-spu-big/index.wxss
@@ -128,6 +128,7 @@
 }
 
 .spu .spu-content .item-bottom .spu-price .sale-price {
+    font-family: DIN;
     color: #ff758c;
     margin-right: 12rpx;
 }

diff --git a/eaterplanet_ecommerce/components/seckillItem/seckillItem.wxss b/eaterplanet_ecommerce/components/seckillItem/seckillItem.wxss
@@ -7,7 +7,7 @@
 .img {
   width: 240rpx;
   height: 240rpx;
-  border-radius: 10rpx;
+  border-radius: 20rpx;
   overflow: hidden;
 }
 
@@ -42,7 +42,7 @@
 .seckill-item .item-right .desc {
   font-size: 26rpx;
   line-height: 32rpx;
-  color: #999;
+  color: #666;
   width: 400rpx;
   height: 32rpx;
   margin-bottom: 12rpx;
@@ -61,6 +61,7 @@
 }
 
 .seckill-item .spu-price .sale-price {
+  font-family: DIN;
   color: #ff5344;
   margin-right: 12rpx;
 }
@@ -73,8 +74,9 @@
 }
 
 .seckill-item .spu-price .market-price {
+  font-family: DIN;
   text-decoration: line-through;
-  color: #999;
+  color: #666;
   margin-right: 30rpx;
 }
 
@@ -101,7 +103,7 @@
 
 .progress-box {
   display: flex;
-  color: #999;
+  color: #666;
   font-size: 22rpx;
   margin-top: auto;
   margin-bottom: 20rpx;

diff --git a/eaterplanet_ecommerce/components/sku/index.wxss b/eaterplanet_ecommerce/components/sku/index.wxss
@@ -85,6 +85,7 @@
 }
 
 .sku-card .sku-header .sku-price .sale-price {
+    font-family: DIN;
     color: #ff758c;
     margin-right: 12rpx;
     margin-bottom: -4rpx;

diff --git a/eaterplanet_ecommerce/components/topic/topic.wxss b/eaterplanet_ecommerce/components/topic/topic.wxss
@@ -2,8 +2,8 @@
 
 .topic {
   margin: 20rpx;
-  background: #fff;
-  border-radius: 10rpx;
+  background: #ffffff86;
+  border-radius: 20rpx;
   overflow: hidden;
 }
 

diff --git a/eaterplanet_ecommerce/components/tworow/index.wxss b/eaterplanet_ecommerce/components/tworow/index.wxss
@@ -104,7 +104,7 @@
 }
 
 .comming-spu-content .spu-price .sale-price {
-  font-family: 'DIN';
+  font-family: DIN;
   color: #ff758c;
   font-weight: bold;
   margin-right: 8rpx;

diff --git a/eaterplanet_ecommerce/moduleA/components/img-box/img-box.wxss b/eaterplanet_ecommerce/moduleA/components/img-box/img-box.wxss
@@ -5,9 +5,9 @@
   width: 100%;
   margin-bottom: 20rpx;
   background: #fff;
-  border-radius: 10rpx;
+  border-radius: 20rpx;
   overflow: hidden;
-  box-shadow: 0 0 3px #ccc;
+  box-shadow: 0 0 5px #ccc;
 }
 
 .img-box .img {

diff --git a/eaterplanet_ecommerce/moduleA/components/menuGoodsItem.wxss b/eaterplanet_ecommerce/moduleA/components/menuGoodsItem.wxss
@@ -3,20 +3,20 @@
   width: 580rpx;
   box-sizing: border-box;
   display: block;
-  border: .1rpx solid #eee;
-  border-radius: 10rpx;
+  border-radius: 20rpx;
   margin-left: 20rpx;
-  padding: 20rpx 10rpx;
+
+  box-shadow: 0 0 5px #ccc;
 }
 
 .spu .spu-content {
   display: flex;
 }
 
 .spu .img-class {
-  width: 160rpx;
-  height: 160rpx;
-  border-radius: 10rpx;
+  width: 170rpx;
+  height: 170rpx;
+  border-radius: 20rpx 0 0 20rpx;
   image-rendering: crisp-edges;
   margin-right: 20rpx;
   overflow: hidden;
@@ -29,8 +29,8 @@
 }
 
 .spu-desc {
-  font-size: 26rpx;
-  color: #666;
+  font-size: 20rpx;
+  color: #888;
 }
 
 .item-bottom {
@@ -39,6 +39,7 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  padding: 20rpx 10rpx;
 }
 
 .spu .spu-content .item-bottom .spu-price {
@@ -53,6 +54,7 @@
 }
 
 .spu .spu-content .item-bottom .spu-price .sale-price {
+    font-family: DIN;
     color: #ff758c;
     margin-right: 12rpx;
 }
@@ -66,6 +68,7 @@
 
 .spu .spu-content .item-bottom .spu-price .market-price {
   text-decoration: line-through;
+  font-family: DIN;
   color: #999;
   margin-right: 20rpx;
 }