|
@@ -1,22 +1,29 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <up-navbar :fixed="fixed" :border="border">
|
|
|
|
|
- <template #left>
|
|
|
|
|
- <slot name="left">
|
|
|
|
|
- <view class="d-flex a-c">
|
|
|
|
|
- <up-icon v-if="showBack" name="arrow-left" size="40rpx" color="#333" @click="handleBackClick"></up-icon>
|
|
|
|
|
- <up-icon v-else name="home" size="40rpx" color="#333" @click="handleHomeClick"></up-icon>
|
|
|
|
|
- <slot name="leftText">
|
|
|
|
|
- <text class="f-s-38 c-#333 f-w-500 ml-20">{{ leftText }}</text>
|
|
|
|
|
- </slot>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <up-navbar :fixed="fixed" :border="border">
|
|
|
|
|
+ <template #left>
|
|
|
|
|
+ <slot name="left">
|
|
|
|
|
+ <view class="d-flex a-c">
|
|
|
|
|
+ <up-icon v-if="showBack" name="arrow-left" size="40rpx" color="#333" @click="handleBackClick"></up-icon>
|
|
|
|
|
+ <up-icon v-else name="home" size="40rpx" color="#333" @click="handleHomeClick"></up-icon>
|
|
|
|
|
+ <slot name="leftText">
|
|
|
|
|
+ <text class="f-s-38 c-#333 f-w-500 ml-20">{{ leftText }}</text>
|
|
|
|
|
+ </slot>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </slot>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #center>
|
|
|
|
|
+ <slot name="center">
|
|
|
|
|
+ <text class="f-s-38 c-#333 f-w-500">{{ title }}</text>
|
|
|
|
|
+ </slot>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </up-navbar>
|
|
|
|
|
+ <view v-if="breadcrumb" class="bg-#EBF6EE pd2-10-24 f-s-24 c-#3FAD5B">
|
|
|
|
|
+ <slot name="breadcrumb">
|
|
|
|
|
+ {{ breadcrumb }}
|
|
|
</slot>
|
|
</slot>
|
|
|
- </template>
|
|
|
|
|
- <template #center>
|
|
|
|
|
- <slot name="center">
|
|
|
|
|
- <text class="f-s-38 c-#333 f-w-500">{{ title }}</text>
|
|
|
|
|
- </slot>
|
|
|
|
|
- </template>
|
|
|
|
|
- </up-navbar>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</template>
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
|
import { ref, onMounted } from 'vue';
|
|
import { ref, onMounted } from 'vue';
|
|
@@ -27,6 +34,8 @@ const props = withDefaults(
|
|
|
fixed?: boolean;
|
|
fixed?: boolean;
|
|
|
homeUrl?: string;
|
|
homeUrl?: string;
|
|
|
leftText?: string;
|
|
leftText?: string;
|
|
|
|
|
+ // 是否有面包屑
|
|
|
|
|
+ breadcrumb?: string;
|
|
|
}>(),
|
|
}>(),
|
|
|
{
|
|
{
|
|
|
title: '',
|
|
title: '',
|
|
@@ -34,6 +43,7 @@ const props = withDefaults(
|
|
|
fixed: true,
|
|
fixed: true,
|
|
|
homeUrl: '/pages/index/index',
|
|
homeUrl: '/pages/index/index',
|
|
|
leftText: '',
|
|
leftText: '',
|
|
|
|
|
+ breadcrumb: '',
|
|
|
}
|
|
}
|
|
|
);
|
|
);
|
|
|
|
|
|