shop.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* pages/shop/shop.wxss */
  2. @import "../../module/caritem/caritem.wxss"
  3. .shop_info{
  4. height: 194rpx;
  5. display: flex;
  6. }
  7. .shop_img{
  8. width: 218rpx;
  9. background-repeat: no-repeat;
  10. background-size: 180rpx 134rpx;
  11. background-position: 38rpx 30rpx;
  12. }
  13. .shop_detail{
  14. padding-left:15rpx;
  15. }
  16. .shop_detail_title{
  17. height: 48rpx;
  18. line-height: 48rpx;
  19. color: rgba(56, 55, 53, 1);
  20. font-size: 32rpx;
  21. margin-top:43rpx;
  22. }
  23. .shop_detail_address,.shop_detail_phone{
  24. height: 36rpx;
  25. line-height: 36rpx;
  26. color: rgba(104, 104, 104, 1);
  27. font-size: 24rpx;
  28. }
  29. .shop_detail_address image,.shop_detail_phone image{
  30. margin-top:8rpx;
  31. float: left;
  32. width:20rpx;
  33. height: 20rpx;
  34. }
  35. .total_count{
  36. background-color: #F9F9F9;
  37. height: 76rpx;
  38. line-height: 76rpx;
  39. color: rgba(0, 0, 0, 1);
  40. font-size: 26rpx;
  41. font-weight: bold;
  42. font-family: NotoSansHans-Medium;
  43. text-indent: 38rpx;
  44. }
  45. .total_count_n{
  46. color: rgba(135, 135, 135, 1);
  47. font-size: 24rpx;
  48. text-align: left;
  49. font-weight: normal;
  50. display:inline;
  51. }
  52. /*loading动画*/
  53. .loading {
  54. width: 40rpx;
  55. height: 40rpx;
  56. margin: 0px auto;
  57. background-color: #337ab7;
  58. border-radius: 100%;
  59. -webkit-animation: sk-spinner-pulse 1.0s infinite ease-in-out;
  60. animation: sk-spinner-pulse 1.0s infinite ease-in-out;
  61. }
  62. @-webkit-keyframes sk-spinner-pulse {
  63. 0% {
  64. -webkit-transform: scale(0);
  65. transform: scale(0);
  66. }
  67. 100% {
  68. -webkit-transform: scale(1);
  69. transform: scale(1);
  70. opacity: 0;
  71. }
  72. }
  73. @keyframes sk-spinner-pulse {
  74. 0% {
  75. -webkit-transform: scale(0);
  76. transform: scale(0);
  77. }
  78. 100% {
  79. -webkit-transform: scale(1);
  80. transform: scale(1);
  81. opacity: 0;
  82. }
  83. }