first commit

历届学生/逯帅帅/项目开发/上课项目/医点医滴/pages/me/meInfo.vue

@@ -0,0 +1,92 @@
+<template>
+  <view>
+    <!-- 订单 -->
+    <view class="top flood">
+      <img
+        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAfCAYAAAAFkva3AAAA9ElEQVRIS63UIW5CQRSF4f8YXFeAKHtgBU3qWlPRlWBqcDgSdoCoq6G+qhXV3Q6quWQIkCG8ee/emTd+vsxJ5hzRcMzsHvgA7oBX1Von6AeYnYx1FdYB7YGHMFaAXiR9hTAzS5G+s2jpRUcoRXVjQ5Ab80AuzAsNYhGoF4tCRawG6sRqoRusBbrCWqELNgZ0xMxsCvxmFfkHns4ViaxKwibAZwKyiytJywiUxxwFvBR9jBderUYreDNBLWDnntWCxXGsAXuXNgoOznYEHMTSZ/SCLiwDd8BzqSluzAOGsB5wIWkTxgrgn6R5FZaBW+AReJP0fgD6yKcB+KwshwAAAABJRU5ErkJggg=="
+        @click="back" />
+      <p>我的订单</p>
+    </view>
+    <p class="flag"></p>
+
+    <!-- tab栏切换 -->
+    <view>
+      <view class="end-title">
+        　　<view
+          @tap="change(j)"
+          v-for="(i, j) in navList"
+          :key="j"
+          :class="{ btna: btnnum == j }"
+          >{{ i.text }}</view
+        >
+        　
+      </view>
+      <view
+        class="end-cont"
+        :class="{ dis: btnnum == j }"
+        v-for="(i, j) in navList"
+        :key="j"
+        >{{ i.state }}</view
+      >
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      btnnum: 0,
+      //保存的是上一个页面带来的索引
+      index: [],
+      navList: [
+        {
+          state: "全部",
+          text: "全部",
+          orderList: [],
+        },
+        {
+          state: "待付款",
+          text: "待付款",
+          orderList: [],
+        },
+        {
+          state: "待发货",
+          text: "待发货",
+          orderList: [],
+        },
+        {
+          state: "待收获",
+          text: "待收获",
+          orderList: [],
+        },
+        {
+          state: "已完成",
+          text: "已完成",
+          orderList: [],
+        },
+      ],
+    };
+  },
+  onLoad(el) {
+    this.index = el.index;
+  },
+  created() {
+    console.log("上一页传来的下标", this.index);
+    this.btnnum = this.index;
+  },
+  methods: {
+    change(e) {
+      this.btnnum = e;
+      console.log(this.btnnum);
+    },
+    back() {
+      uni.navigateBack();
+    },
+  },
+};
+</script>
+
+<style lang='less' scoped>
+@import "../../common/less/page/meinfo.less";
+</style>