访客邀约

src/sheep/components/MeetingTabbar.vue

@@ -0,0 +1,65 @@
+<template>
+  <view class="tabbar">
+    <view
+      class="tabbar-item"
+      :class="{ active: activeTab === 'home' }"
+      @tap="goHome"
+    >
+      <image src="/static/icons/home.png" class="tabbar-icon" />
+      <text>首页</text>
+    </view>
+    <view
+      class="tabbar-item"
+      :class="{ active: activeTab === 'mine' }"
+      @tap="goMine"
+    >
+      <image src="/static/icons/mine.png" class="tabbar-icon" />
+      <text>我的</text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{ activeTab: 'home' | 'mine' }>()
+function goHome() {
+  uni.reLaunch({
+    url: '/pages/integrated/meeting/index'
+  })
+}
+function goMine() {
+  uni.reLaunch({
+    url: '/pages/integrated/meeting/my-reservations'
+  })
+}
+</script>
+
+<style scoped>
+.tabbar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100rpx;
+  background: #fff;
+  display: flex;
+  border-top: 1px solid #eee;
+  z-index: 999;
+}
+.tabbar-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #888;
+  font-size: 24rpx;
+}
+.tabbar-icon {
+  width: 48rpx;
+  height: 48rpx;
+  margin-bottom: 4rpx;
+}
+.tabbar-item.active {
+  color: #1777FF;
+}
+</style>

src/sheep/components/tabSearch.vue

@@ -1,31 +0,0 @@
-<template>
-	<view class="flex-row h-100rpx bg-#f6f8fa px-10rpx py-10rpx rounded-16rpx">
-		<view
-			class="w-50% flex-row-center color-#818898 font-size-28rpx! rounded-16rpx"
-			:style="{ color: index == cur ? '#fff' : '#818898', backgroundColor: index == cur ? '#00a624' : '#f6f8fa' }"
-			v-for="(item, index) in tablist"
-			@click="changeTab(index)"
-		>
-			{{ item.name }}
-		</view>
-	</view>
-</template>
-
-<script setup lang="ts">
-import { reactive, ref } from "vue"
-import { onLoad, onShow } from "@dcloudio/uni-app"
-let cur = ref(0)
-let tablist = ref([
-	{
-		name: "我的订单",
-	},
-	{
-		name: "历史订单",
-	},
-])
-onLoad(() => {})
-
-const changeTab = (index: number) => {
-	cur.value = index
-}
-</script>