Vue购物车抛物线

css

    .shop{  
        position: fixed;  
        top: 300px;  
        left: 40px;  
     }  
   .ball{  
       position: fixed;  
       left: 32px;  
       bottom: 22px;  
       z-index: 200;  
       transition: all 0.4s cubic-bezier(0.49, -0.29, 0.75, 0.41); /*贝塞尔曲线*/  
    }  
   .inner{  
       width: 16px;  
       height: 16px;  
       border-radius: 50%;  
       background-color: rgb(0,160,220);  
       transition: all 0.4s linear;  
    }  
  .cart{  
      position: fixed;  
      bottom: 22px;  
      left: 32px;  
      width: 30px;  
      height: 30px;  
      background-color: rgb(0,160,220);  
      color: rgb(255,255,255);  
    }  

html

    
  
        
  
             
  
                 {{item.text}}  
                 {{item.price}}  
                添加  
             
  
      
{{count}}
  
      
  
      
  
            
               
  
                     
  
               
  
            
     
  
   
  
  

javascript