# 微信小程序开发之-事件触发控件

<button bindtouchstart="onchilk" class="userbutton"> </button> 

 .userbutton
{
    background-color: transparent;//背景颜色
    top: 50rpx;//距离上方
    margin-left: 10%;//距离左侧
    width: 180rpx;//宽
    height: 180rpx;//高
    float: left;
    position: absolute;
}

onchilk: function () {
    wx.showModal({
      title: '提示',
      content: '这是一个模态弹窗',
      success: function (res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },

.userbutton::after
{
    border: 0px dashed rgba(0,0,0,0);
}  

<navigator url="{{item.link}}" hover-class="navigator-hover">  
            <image src="{{item.url}}" class="slide-image" width="355" height="150"/>  
</navigator>   

{  
    link:'/pages/test/test',  
    url:'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'   
}