shop.wxss 1.7 KB

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