style.scss 982 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @import "../../style/common";
  2. @import "../../style/font";
  3. /* 容器 */
  4. $size:335upx;
  5. .layout-shop{
  6. width:$size;
  7. height: 510upx;
  8. background-color: #fff;
  9. margin-bottom: 20upx;
  10. border-radius: 10upx;
  11. }
  12. /* 容器 */
  13. /* 图片 */
  14. .layout-shop-image{
  15. width: $size;
  16. height: $size;
  17. }
  18. .layout-shop-background{
  19. width: 100%;
  20. height: 100%;
  21. z-index: 999;
  22. }
  23. .shop-logo-warp{
  24. left: 12upx;
  25. top: 6upx;
  26. font-size: 20upx;
  27. line-height: 24upx;
  28. color: #967010;
  29. z-index: 9999;
  30. }
  31. .layout-shop-logo{
  32. width:40upx;
  33. height:40upx;
  34. margin-right:8upx;
  35. }
  36. .shop-image{
  37. top: 0;
  38. left: 0;
  39. right: 0;
  40. bottom: 0;
  41. }
  42. /* 图片 */
  43. /* 内容 */
  44. .shop-content{
  45. padding: 0 20upx;
  46. }
  47. .shop-title,.shop-price{
  48. font-size: 28upx;
  49. color: #333;
  50. line-height: 40upx;
  51. }
  52. .shop-title{
  53. height: 80upx;
  54. margin-top: 17upx;
  55. }
  56. .shop-price-color,.shop-price{
  57. margin-top:20upx;
  58. color:#FF002B;
  59. }
  60. .shop-price{
  61. font-weight: 400;
  62. }
  63. .shop-price-target{
  64. font-size: 38upx;
  65. }
  66. /* 内容 */