progress.vue 504 B

123456789101112131415161718192021222324252627
  1. <template>
  2. <div>
  3. <nut-demoheader
  4. :name="$route.name"
  5. ></nut-demoheader>
  6. <p>默认用法</p>
  7. <nut-progress percent="15" height="10px"/>
  8. <p>设置高度和颜色</p>
  9. <nut-progress height="18px" color="#33C3F0" percent="23" />
  10. <p>内联显示进度数</p>
  11. <nut-progress percent="20" showText="in" height="20px" />
  12. </div>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. }
  19. }
  20. }
  21. </script>
  22. <style>
  23. </style>