first commit

历届学生/苏琪/项目练习/jiakao/src/components/tpl/NavBar.vue

@@ -0,0 +1,24 @@
+<template lang="pug">
+  .navbar
+    van-nav-bar(:title='title' :border="false" :fixed="true")
+      van-icon(name="friends-o" slot="left")
+
+</template>
+
+<script>
+export default {
+  props: {
+    title: null
+  },
+  data() {
+    return {
+      
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/tpl/Tabbar.vue

@@ -0,0 +1,34 @@
+<template lang="pug">
+  .tabbar
+    van-tabbar(v-model='active')
+      van-tabbar-item(:icon='item.icon' 
+                      :to="item.path" 
+                      @click="changeTitle(item.name)"
+                      v-for="(item,index) in items" :key="index") {{item.name}}
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      active: 0,
+      items: [
+        { icon: 'logistics', path: '/index', name: '驾考'  },
+        { icon: 'paid', path: '/car', name: '买车'  },
+        { icon: 'chart-trending-o', path: '/message', name: '资讯'  },
+        { icon: 'friends-o', path: '/my', name: '我的'  }
+      ]
+    }
+  },
+  methods: {
+    changeTitle (title) {
+      title == "驾考" ? title = "驾考神器" : title;
+      this.$emit("getTitle", title)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

历届学生/苏琪/项目练习/jiakao/src/components/tpl/ipage.vue

@@ -0,0 +1,73 @@
+<template lang="pug">
+  .ipage
+    a(:href="imgurl.href")
+      img.adv(:src="imgurl.url")
+    .list
+      .list-item(@click="startExam('rand')")
+        .item-text
+          h3 模拟考试
+          p 练习和模拟考试
+        img(src="../../../static/img/item-1.png")
+      .list-item(@click="startExam('order')")
+        .item-text
+          h3 驾考题库
+          p 按章节练习
+        img(src="../../../static/img/item-2.png")
+
+    .gird-list.bottom-line
+      ul
+        li
+          svg.icon(aria-hidden='true')
+            use(xlink:href='#icon-che')
+          p 找车  
+        li
+          svg.icon(aria-hidden='true')
+            use(xlink:href='#icon-luntanzixun')
+          p 咨询
+        li 
+          svg.icon(aria-hidden='true')
+           use(xlink:href='#icon-errorList')
+          p 错题
+        li
+          svg.icon(aria-hidden='true')
+            use(xlink:href='#icon-shoucang')
+          p 收藏
+    .news-list
+      van-card(num="2"
+      v-for="item in 10" :key="item"
+      price="2.00"
+      desc="描述信息"  
+      title="商品标题"
+      thumb="https://img.yzcdn.cn/vant/t-thirt.jpg")
+</template>
+
+<script>
+  export default {
+    props: {
+      list: null,
+      imgurl: {
+        href: null,
+        url: null
+      },
+      subject: null
+    },
+    data () {
+      return {
+        
+      }
+    },
+    created() {
+      console.log(this.subject)
+    },
+    methods: {
+      startExam (types) {
+        this.$router.push({ name: 'exam', params: { type: types, subject: this.subject  } })
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+@import "../../assets/less/components/ipage.less";
+</style>
+