index.html 985 B

1234567891011121314151617181920212223242526
  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  8. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  9. <title><%= htmlWebpackPlugin.options.title %></title>
  10. </head>
  11. <body>
  12. <div id="app">
  13. <h1>Cropper 1</h1>
  14. <button @click="console.log('clicked')">Hello</button>
  15. <vue-cropper :src='"https://agontuk.github.io/assets/images/berserk.jpg"'
  16. :aspect-ratio="4/3"
  17. :value='{"x":1141,"y":540,"width":713,"height":466}'
  18. @input="console.log($event)" ></vue-cropper>
  19. </div>
  20. <!-- built files will be auto injected -->
  21. <script defer src="http://localhost:3100/js/chunk-vendors.js"></script>
  22. <script defer src="http://localhost:3100/js/app.js"></script>
  23. </body>
  24. </html>