Home Explore Help
Register Sign In
woelper
/
vue-milligram-template
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

init

Johann Woelper 6 years ago
commit
9c71b849ab
7 changed files with 108 additions and 0 deletions
Split View Show Diff Stats
  1. 1 0
      .gitignore
  2. 29 0
      app.js
  3. 20 0
      data.js
  4. 28 0
      index.html
  5. 11 0
      milligram.min.css
  6. 1 0
      milligram.min.css.map
  7. 18 0
      style.css

+ 1 - 0
.gitignore
View File 

@@ -0,0 +1 @@
 
+.history

+ 29 - 0
app.js
View File 

@@ -0,0 +1,29 @@
 
+Vue.component('todo-item', {
 
+    props: ['todo'],
 
+    template: '<li>{{ todo.text }}</li>'
 
+})
 
+
 
+
 
+var app = new Vue({
 
+    el: '#app',
 
+    data: {
 
+        now: null,
 
+        sample_data: ["yellow", "blue", "green"],
 
+        plants: plants
 
+    },
 
+    mounted: function () {
 
+        var now = moment();
 
+        this.now = moment();
 
+
 
+    },
 
+    computed: {
 
+        foo: function () {
 
+            return "bar";
 
+        },
 
+    },
 
+    methods: {
 
+        current_time: function () {
 
+            return moment();
 
+        },
 
+    }
 
+})

+ 20 - 0
data.js
View File 

@@ -0,0 +1,20 @@
 
+plants = [
 
+    {
 
+        name: "Zwiebel",
 
+        soil: "Lehm",
 
+        placement: "",
 
+        start: "04-20",
 
+        end: "08-01",
 
+        info: "",
 
+        icon: ""
 
+    },
 
+    {
 
+        name: "Tomate",
 
+        soil: "Lehm",
 
+        placement: "",
 
+        start: "04-20",
 
+        end: "08-01",
 
+        info: "",
 
+        icon: ""
 
+    },
 
+];

+ 28 - 0
index.html
View File 

@@ -0,0 +1,28 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<meta charset="utf-8" />
 
+
 
+<head>
 
+    <title>plantcal</title>
 
+    <script src="data.js"></script>
 
+    <script src="https://unpkg.com/vue"></script>
 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
 
+    <link rel="stylesheet" href="milligram.min.css">
 
+    <link rel="stylesheet" href="style.css">
 
+</head>
 
+
 
+
 
+<body>
 
+    <div id="app">
 
+        <nav class="navigation"> yo {{current_time()}}</nav>
 
+        
+        <div class="container">
 
+            <a class="button" href="#">Default Button</a>
 
+            <template v-for="plant in plants">{{plant}}</template>
 
+        </div>
 
+    </div>
 
+    
+    <script src="app.js"></script>
 
+</body>
 
+
 
+</html>

File diff suppressed because it is too large
+ 11 - 0
milligram.min.css


File diff suppressed because it is too large
+ 1 - 0
milligram.min.css.map


+ 18 - 0
style.css
View File 

@@ -0,0 +1,18 @@
 
+.navigation {
 
+    background: #f4f5f6;
 
+    border-bottom: .1rem solid #d1d1d1;
 
+    display: block;
 
+    height: 5.2rem;
 
+    left: 0;
 
+    max-width: 100%;
 
+    position: fixed;
 
+    right: 0;
 
+    top: 0;
 
+    width: 100%;
 
+    z-index: 1;
 
+}
 
+
 
+.container {
 
+    padding-bottom: 7.5rem;
 
+    padding-top: 7.5rem;
 
+}