init

.gitignore

@@ -37,5 +37,6 @@ env.txt
 /www/index.php
 *.log
 *.bin
-/www/vue/node_modules
+www/vue/node_modules/
+!www/vue/node_modules/vux/
 */node_modules

www/vue/src/components/navigation.vue

@@ -11,7 +11,7 @@
         <img slot="icon-active" :src='iconOrderActive'>
         <span slot="label">订单</span>
       </tabbar-item>
-      <tabbar-item link="/mine">
+      <tabbar-item link="/order">
         <img slot="icon" :src='iconMine'>
         <img slot="icon-active" :src='iconMineActive'>
         <span slot="label">我的</span>

www/vue/src/components/order.vue

@@ -1,28 +1,54 @@
-<template lang="html">
-<div class="order">
-  <h2>order</h2>
-   <group>
-      <cell title="title" value="value"></cell>
-    </group>
-  <h2>{{userId}}</h2>
-  <navigation></navigation>
-</div>
+<template>
+	<div>
+		<div style="padding: 15px;">
+			<button-tab>
+				<button-tab-item >123</button-tab-item>
+				<button-tab-item selected>342</button-tab-item>
+				<button-tab-item >234</button-tab-item>
+			</button-tab>
+			<br>
+			<divider>2222</divider>
+			<br>
+			<button-tab v-model="demo01">
+				<button-tab-item @on-item-click="consoleIndex()">222</button-tab-item>
+				<button-tab-item @on-item-click="consoleIndex()">2222</button-tab-item>
+			</button-tab>
+			<br>
+			<button-tab v-model="demo01">
+				<button-tab-item>2222</button-tab-item>
+				<button-tab-item>234</button-tab-item>
+			</button-tab>
+			<br>
+			<divider>234234</divider>
+			<br>
+			<button-tab>
+				<button-tab-item selected>324234234</button-tab-item>
+				<button-tab-item><span class="vux-reddot-s">WERWERWE</span></button-tab-item>
+			</button-tab>
+		</div>
+	</div>
 </template>
 
+
+
 <script>
-  import { Group, Cell } from 'vux'
+  import { ButtonTab, ButtonTabItem, Divider } from 'vux'
+
   export default {
+    components: {
+      ButtonTab,
+      ButtonTabItem,
+      Divider
+    },
+    methods: {
+      consoleIndex () {
+        console.log('click demo01', this.demo01)
+      }
+    },
     data () {
       return {
-        userId: this.$store.state.user.userId
+        demo01: 0
       }
-    },
-    components: {
-      Group,
-      Cell
     }
   }
 </script>
-
-<style lang="css">
-</style>