<template>
  <demo-section>
    <demo-block :title="'notify提示'">
      <drip-button @click="showNotify1">错误提示</drip-button>
      <drip-button @click="showNotify2">警告提示</drip-button>
      <drip-button @click="showNotify3">正确提示</drip-button>
      <drip-button @click="showNotify4">消息提示</drip-button>
    </demo-block>

  </demo-section>
</template>

<script>
export default {
  methods: {
    showNotify1 () {
      console.log('test1')
      this.$notify({
        content: '错误提示'
      })
    },
    showNotify2 () {
      console.log('test2s')
      this.$notify({
        content: '警告提示',
        type: 'warning'
      })
    },
    showNotify3 () {
      this.$notify({
        content: '正确提示',
        type: 'success'
      })
    },
    showNotify4 () {
      this.$notify({
        content: '消息提示',
        type: 'info',
        duration: 10000
      })
    }
  }
}
</script>
<style lang="postcss">
.demo-notify {
  .drip-button {
    margin-right: 10px;
  }

  .van-doc-demo-block {
    padding: 0 15px;
  }

  &-row {
    margin-bottom: 10px;
  }
}
</style>
