Página Principal Explorar Ajuda
Registe-se Iniciar Sessão
xiaochuan
/
products
1
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Árvore: c148ef3739
Ramos Etiquetas
products
/
uni-shop
/
layout
/
layout-ui-shop-item
/
style.scss

style.scss 1.1 KB
Histórico Em bruto

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 
  1. /* 商品模块 */
    2. 

  2. $shop-size:130upx;
    3. 

  3. .shop-item{
    4. 

  4.   height: $shop-size;
    5. 

  5.   margin-top: 30upx;
    6. 

  6. }
    7. 

  7. /* 商品模块 */
    8. 

  8. 

  9. /* 商品图片 */
    10. 

  10. .layout-shop-image{
    11. 

  11.   width: $shop-size;
    12. 

  12.   height: $shop-size;
    13. 

  13.   border-radius: 10upx;
    14. 

  14. }
    15. 

  15. .layout-shop-background{
    16. 

  16.   width: 100%;
    17. 

  17.   height: 100%;
    18. 

  18.   z-index: 999;
    19. 

  19. }
    20. 

  20. .shop-logo-warp{
    21. 

  21.   left: 5upx;
    22. 

  22.   top: 0;
    23. 

  23.   font-size: 20upx;
    24. 

  24.   line-height: 20upx;
    25. 

  25.   color: #967010;
    26. 

  26.   z-index: 9999;
    27. 

  27. }
    28. 

  28. .shop-logo-name{
    29. 

  29.   transform: scale(0.45) translate(-70%,0%);
    30. 

  30. }
    31. 

  31. .layout-shop-logo{
    32. 

  32.   width:18upx;
    33. 

  33.   height:18upx;
    34. 

  34.   margin-right:8upx;
    35. 

  35. }
    36. 

  36. .shop-image{
    37. 

  37.   top: 0;
    38. 

  38.   left: 0;
    39. 

  39.   right: 0;
    40. 

  40.   bottom: 0;
    41. 

  41. }
    42. 

  42. /* 商品图片 */
    43. 

  43. 

  44. /* 商品内容 */
    45. 

  45. .shop-item-content{
    46. 

  46.   margin-left: 25upx;
    47. 

  47.   font-size: 28upx;
    48. 

  48.   color: #333;
    49. 

  49.   line-height: 38upx;
    50. 

  50.   font-weight: 500;
    51. 

  51. }
    52. 

  52. .shop-item-title{
    53. 

  53.   max-height: 76upx;
    54. 

  54. }
    55. 

  55. .shop-price-group{
    56. 

  56.   font-size: 32upx;
    57. 

  57.   color: #333;
    58. 

  58.   line-height: 40upx;
    59. 

  59. }
    60. 

  60. .shop-price-em{
    61. 

  61.   font-size: 24upx;
    62. 

  62.   margin-right: 6upx;
    63. 

  63. }
    64. 

  64. .shop-close-container{
    65. 

  65.   color: #333;
    66. 

  66.   font-size: 30upx;
    67. 

  67.   line-height: 34upx;
    68. 

  68.   font-weight: 400;
    69. 

  69. }
    70. 

  70. .shop-close{
    71. 

  71.   font-size: 22upx;
    72. 

  72.   font-weight: bold;
    73. 

  73.   position: relative;
    74. 

  74.   top: 1upx;
    75. 

  75. }
    76. 

  76. /* 商品内容 */
    77.