first commit

历届学生/罗朝/项目练习/天气预报_vue/src/components/index.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+    <h2>
+     <router-link :to="{ name: 'info', params: { id: '1',title: 'title' }}">详情</router-link>
+    </h2>  
+
+  </div>
+</template>
+
+<script>
+export default {
+ created() {
+   this.getData()
+ },
+  data () {
+    return {
+      msg: '你好'
+    }
+  },
+  methods: {
+    getData() {
+      var params = {
+        cityname: '合肥'
+      };
+      this.$service.getWeatherData(params, function(res) {
+        console.log(res)
+      })
+    }
+  },
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h1, h2 {
+  font-weight: normal;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

历届学生/罗朝/项目练习/天气预报_vue/src/components/info.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="info">
+    我是详情页面 {{ $route.params.id }} | {{ $route.params.title }}
+  </div>
+</template>
+
+<script>
+export default {
+  
+}
+</script>
+
+<style scoped>
+
+</style>

历届学生/罗朝/项目练习/天气预报_vue/src/components/public/footer.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="wfooter">
+    <mu-bottom-nav :value.sync="shift" shift class="footer">
+      <mu-bottom-nav-item value="movies" title="首页" icon="ondemand_video"></mu-bottom-nav-item>
+      <mu-bottom-nav-item value="music" title="音乐" icon="music_note"></mu-bottom-nav-item>
+      <mu-bottom-nav-item value="books" title="阅读" icon="books"></mu-bottom-nav-item>
+      <mu-bottom-nav-item value="pictures" title="相册" icon="photo"></mu-bottom-nav-item>
+    </mu-bottom-nav>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shift: 'movies',
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
+
+

历届学生/罗朝/项目练习/天气预报_vue/src/components/public/header.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="wheader"> 
+    <mu-appbar style="width: 100%;" color="primary" class="headers">
+      <mu-button icon slot="left" @click="openDrawer">
+        <mu-icon value="menu"></mu-icon>
+      </mu-button>
+      首页
+
+      <mu-button flat slot="right">LOGIN</mu-button>
+    </mu-appbar>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+       
+    }
+  },
+   methods: {
+     openDrawer() {
+       this.$parent.$data.open = !this.$parent.$data.open
+     }
+   },
+}
+</script>
+
+<style scoped>
+
+</style>