Sfoglia il codice sorgente

feat(commonTab): 新增景点通用标签页组件

创建了新的景点通用标签页组件的基础结构,
包含script setup、template和scoped style框架。
zouzexu 2 giorni fa
parent
commit
a4f29609da
1 ha cambiato i file con 34 aggiunte e 0 eliminazioni
  1. 34 0
      src/subPack-attractions/commonTab/index.vue

+ 34 - 0
src/subPack-attractions/commonTab/index.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { StaticUrl } from '@/config'
+
+const tabbar = ref(0)
+definePage({
+  name: 'attractions-tabbar',
+  islogin: false,
+  style: {
+    navigationBarTitleText: '景区门票',
+    navigationStyle: 'custom',
+  },
+})
+</script>
+
+<template>
+  <view class="">
+    <view class="">
+      <wd-tabbar v-model="tabbar" safe-area-inset-bottom placeholder fixed :bordered="false" :z-index="99999">
+        <wd-tabbar-item title="列表" icon="goods">
+          <template #icon>
+            <wd-img height="40rpx" width="40rpx" :src="`${StaticUrl}/attractions-home-tabbar.png`" />
+          </template>
+        </wd-tabbar-item>
+        <wd-tabbar-item title="订单记录" icon="list">
+          <template #icon>
+            <wd-img height="40rpx" width="40rpx" :src="`${StaticUrl}/attractions-order-tabbar.png`" />
+          </template>
+        </wd-tabbar-item>
+      </wd-tabbar>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped></style>