viewTpl.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <div>
  3. <h1>组件名</h1>
  4. <p>组件说明文字</p>
  5. <a class="button button-primary" href="/demo.html#/switch" target="_blank">Demo</a>
  6. <!-- DEMO区域 -->
  7. <!-- <nut-switch :height="30" :width="60" @switch-on="switchOn" @switch-off="switchOff"></nut-switch> -->
  8. <!-- DEMO代码 -->
  9. <pre><code v-highlight>this.$dialog(options);</code></pre>
  10. <h5>Options</h5>
  11. <div class="tbl-wrapper">
  12. <table class="u-full-width">
  13. <thead>
  14. <tr>
  15. <th>参数</th>
  16. <th>说明</th>
  17. <th>类型</th>
  18. <th>默认值</th>
  19. <th>可选值</th>
  20. </tr>
  21. </thead>
  22. <tbody>
  23. <tr>
  24. <td>msg</td>
  25. <td>提示文字</td>
  26. <td>String</td>
  27. <td>--</td>
  28. <td>--</td>
  29. </tr>
  30. <tr>
  31. <td>during</td>
  32. <td>展示时长</td>
  33. <td>Number</td>
  34. <td>3000</td>
  35. <td>--</td>
  36. </tr>
  37. </tbody>
  38. </table>
  39. </div>
  40. </div>
  41. </template>
  42. <script>
  43. export default {
  44. data(){
  45. return{
  46. }
  47. },
  48. methods:{
  49. }
  50. }
  51. </script>
  52. <style lang="scss">
  53. </style>