App.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div>
  3. <button>原生的按钮</button>
  4. <input type="text">
  5. <atguigu-row>
  6. <el-button>默认按钮</el-button>
  7. <el-button type="primary">主要按钮</el-button>
  8. <el-button type="success">成功按钮</el-button>
  9. <el-button type="info">信息按钮</el-button>
  10. <el-button type="warning">警告按钮</el-button>
  11. <el-button type="danger">危险按钮</el-button>
  12. </atguigu-row>
  13. <atguigu-date-picker
  14. type="date"
  15. placeholder="选择日期">
  16. </atguigu-date-picker>
  17. <atguigu-row>
  18. <el-button icon="el-icon-search" circle></el-button>
  19. <el-button type="primary" icon="el-icon-s-check" circle></el-button>
  20. <el-button type="success" icon="el-icon-check" circle></el-button>
  21. <el-button type="info" icon="el-icon-message" circle></el-button>
  22. <el-button type="warning" icon="el-icon-star-off" circle></el-button>
  23. <el-button type="danger" icon="el-icon-delete" circle></el-button>
  24. </atguigu-row>
  25. </div>
  26. </template>
  27. <script>
  28. export default {
  29. name:'App',
  30. }
  31. </script>