<template>
  <div class="wrapper">
    <dof-minibar :title="title"></dof-minibar>
    <text class="text">{{ name }}</text>
    <dof-button
      text="快速查看"
      type="primary"
      size="big"
      @dofButtonClicked="jumpTo"
    >
    </dof-button>
  </div>
</template>
<script>
import { DofMinibar, DofButton } from 'dolphin-weex-ui'
export default {
  components: {
    DofMinibar,
    DofButton
  },
  props: {
    name: {
      type: String,
      default: 'hello, world'
    }
  },
  data: () => ({
    title: 'welcome to dolphinWeex'
  }),
  methods: {
    jumpTo () {
      // 弹窗提示
      this.$alert('hello, world')
      // toast提示
      // this.$toast('hello,dolphinWeex')
    }
  }
}
</script>
<style scoped>
.wrapper {
  width: 750px;
}
.text {
  color: '#0092d7';
}
</style>