Cleaning in progress

2025-10-29 18:00:20 +00:00 · 2016-11-14 12:40:24 +00:00
parent 98a1f426ed
commit ee50379de6
21 changed files with 18 additions and 565 deletions
--- a/examples/.gitkeep
+++ b/examples/.gitkeep
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -0,0 +1,41 @@
+<template>
+  <div id="app">
+    <img src="./assets/logo.png">
+    <button @click="showModal">Show modal</button>
+    <transition name="fade">
+      <modal name="hello">Hello!</modal>
+    </transition>
+  </div>
+</template>
+
+<script>
+import Hello from './components/Hello';
+
+export default {
+  name: 'app',
+  methods: {
+    showModal() {
+      this.$modal.toggle('hello', false);
+    },
+  },
+};
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: all .3s;
+}
+
+.fade-enter, .fade-leave-active {
+  opacity: 0;
+}
+</style>
--- a/examples/index.html
+++ b/examples/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>vue-modal</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
--- a/examples/main.js
+++ b/examples/main.js
@@ -0,0 +1,11 @@
+import Vue from 'vue';
+import App from './App';
+import VueModal from './VueModal/index';
+
+Vue.use(VueModal);
+
+new Vue({
+  el: '#app',
+  template: '<App/>',
+  components: { App },
+});