shop.wxss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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. margin-right: 10rpx;
  33. width:20rpx;
  34. height: 20rpx;
  35. }
  36. .total_count{
  37. background-color: #F9F9F9;
  38. height: 76rpx;
  39. line-height: 76rpx;
  40. color: rgba(0, 0, 0, 1);
  41. font-size: 26rpx;
  42. font-weight: bold;
  43. font-family: PingFangSC-Medium,NotoSansHans-Medium;
  44. text-indent: 38rpx;
  45. }
  46. .total_count_n{
  47. color: rgba(135, 135, 135, 1);
  48. font-size: 24rpx;
  49. text-align: left;
  50. font-weight: normal;
  51. display:inline;
  52. }
  53. /*loading动画*/
  54. .loading {
  55. width: 40rpx;
  56. height: 40rpx;
  57. margin: 0px auto;
  58. background-color: #337ab7;
  59. border-radius: 100%;
  60. -webkit-animation: sk-spinner-pulse 1.0s infinite ease-in-out;
  61. animation: sk-spinner-pulse 1.0s infinite ease-in-out;
  62. }
  63. @-webkit-keyframes sk-spinner-pulse {
  64. 0% {
  65. -webkit-transform: scale(0);
  66. transform: scale(0);
  67. }
  68. 100% {
  69. -webkit-transform: scale(1);
  70. transform: scale(1);
  71. opacity: 0;
  72. }
  73. }
  74. @keyframes sk-spinner-pulse {
  75. 0% {
  76. -webkit-transform: scale(0);
  77. transform: scale(0);
  78. }
  79. 100% {
  80. -webkit-transform: scale(1);
  81. transform: scale(1);
  82. opacity: 0;
  83. }
  84. }