• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      微信小程序動畫之點擊效果
      
				
      
					
       2019-6-28      seo達人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

      

      
    微信小程序動畫之點擊效果
      

      
代碼：
      
js：
      

      
// pages/test/test.js
      
Page({
      
  containerTap: function (res) {
      
    var that = this
      
    var x = res.touches[0].pageX;
      
    var y = res.touches[0].pageY + 85;
      
    this.setData({
      
      rippleStyle: ''
      
    });
      
    setTimeout(function () {
      
      that.setData({
      
        rippleStyle: 'top:' + y + 'px;left:' + x + 'px;-webkit-animation: ripple 0.4s linear;animation:ripple 0.4s linear;'
      
      });
      
    }, 200)
      
  },
      
})
      

      

      
wxml：
      

      
<view class="ripple" style="{{rippleStyle}}"></view>
      
<view class="container" bindtouchstart="containerTap"></view>
      

      
wxss：
      

      
page{height:100%}
      
.container{
      
    width:100%;
      
    height:100%;
      
    overflow: hidden
      
}
      
.ripple {
      
    background-color:aquamarine;
      
    border-radius: 100%;
      
    height:10px;
      
    width:10px;
      
    margin-top: -90px;
      
    position: absolute;
      
    
      
    overflow: hidden
      
}
      
@-webkit-keyframes ripple {
      
    100% {
      
    webkit-transform: scale(12);
      
    transform: scale(12);
      
    background-color: transparent;
      
    }
      
}
      

      
藍藍設計( m.wtxcl.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、網站建設 、平面設計服務。
      
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設計的小編
          http://m.wtxcl.cn
      
      
      
    
      
    
      
      
      存檔