首页 发现 帮助
注册 登录
Kirin
/
kpyk
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: 683c689e63
分支列表 标签列表
kpyk
/
view
/
pages
/
activity
/
goods_seckill
/
index.wxss

index.wxss 2.9 KB
文件历史 原始文件

12345678910111213141516171819202122232425262728293031 
  1. page{background-color:#F5F5F5!important;}
    2. 

  2. .flash-sale .header{width:710rpx;height:300rpx;margin: -215rpx auto 0 auto;border-radius: 20rpx;}
    3. 

  3. .flash-sale .header image{width:100%;height:100%;border-radius:20rpx;}
    4. 

  4. .flash-sale .seckillList{padding:0 20rpx;}
    5. 

  5. .flash-sale .seckillList .priceTag{width:75rpx;height:70rpx;}
    6. 

  6. .flash-sale .seckillList .priceTag image{width:100%;height:100%;}
    7. 

  7. .flash-sale .timeLsit{width:610rpx;white-space:nowrap;margin: 10rpx 0;}
    8. 

  8. .flash-sale .timeLsit .item{display:inline-block;font-size:20rpx;color:#666;text-align:center;padding:11rpx 0;box-sizing:border-box;height:96rpx;margin-right: 35rpx;
    9. 

  9. }
    10. 

  10. .flash-sale .timeLsit .item .time{font-size:36rpx;font-weight:600;color:#333;}
    11. 

  11. .flash-sale .timeLsit .item.on .time{color:#E93323;}
    12. 

  12. .flash-sale .timeLsit .item.on .state{width:90rpx;height:30rpx;border-radius:15rpx;background:linear-gradient(90deg,rgba(252,25,75,1) 0%,rgba(252,60,32,1) 100%);color:#fff;}
    13. 

  13. .flash-sale .countDown{height:92rpx;border-bottom:1rpx solid #f0f0f0;margin-top:-14rpx;font-size:28rpx;color:#282828;}
    14. 

  14. .flash-sale .countDown .num{font-size:28rpx;font-weight:bold;background-color:#ffcfcb;padding:4rpx 7rpx;border-radius:3rpx;}
    15. 

  15. .flash-sale .countDown .text{font-size:28rpx;color:#282828;margin-right:13rpx;}
    16. 

  16. .flash-sale .list .item{height:230rpx;position:relative;width: 710rpx;margin: 0 auto 20rpx auto;background-color: #fff;border-radius: 20rpx;padding: 0 25rpx;}
    17. 

  17. .flash-sale .list .item .pictrue{width:180rpx;height:180rpx;border-radius:10rpx;}
    18. 

  18. .flash-sale .list .item .pictrue image{width:100%;height:100%;border-radius:10rpx;}
    19. 

  19. .flash-sale .list .item .text{width:460rpx;font-size:30rpx;color:#333;height:166rpx;}
    20. 

  20. .flash-sale .list .item .text .name{width:100%;}
    21. 

  21. .flash-sale .list .item .text .money{font-size:30rpx;color:#E93323;}
    22. 

  22. .flash-sale .list .item .text .money .num{font-size:40rpx;font-weight:500;font-family: 'Guildford Pro';}
    23. 

  23. .flash-sale .list .item .text .money .y_money{font-size:24rpx;color:#999;text-decoration-line:line-through;margin-left:15rpx;}
    24. 

  24. .flash-sale .list .item .text .limit{font-size:22rpx;color:#999;margin-bottom: 5rpx;}
    25. 

  25. .flash-sale .list .item .text .limit .limitPrice{margin-left:10rpx;}
    26. 

  26. .flash-sale .list .item .text .progress {overflow: hidden;background-color:#FFEFEF;width:260rpx;border-radius:18rpx;height:18rpx;position:relative;}
    27. 

  27. .flash-sale .list .item .text .progress .bg-reds{width: 0;height: 100%;transition: width 0.6s ease;background:linear-gradient(90deg,rgba(233,51,35,1) 0%,rgba(255,137,51,1) 100%);}
    28. 

  28. .flash-sale .list .item .text .progress .piece{position:absolute;left:8%;transform:translate(0%,-50%);top:49%;font-size:16rpx;color:#FFB9B9;}
    29. 

  29. .flash-sale .list .item .grab{font-size:28rpx;color:#fff;width:150rpx;height:54rpx;border-radius:27rpx;text-align:center;line-height:54rpx;position:absolute;right:30rpx;bottom:30rpx;}
    30. 

  30. .flash-sale .saleBox {width: 100%;height: 230rpx;background: rgba(233, 51, 35, 1);border-radius: 0 0 50rpx 50rpx;}
    31. 

  31.