90 lines
1.4 KiB
Vue
90 lines
1.4 KiB
Vue
<!-- 通用型（属于CustomNavbarPage骨架组件的强化版） -->
|
||
<template>
|
||
<view>
|
||
<view class="bck" :style="{backgroundColor:pageBck}"></view>
|
||
<uni-status-bar />
|
||
<!-- content -->
|
||
<slot></slot>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: 'IndexNavBarSkeletonPage',
|
||
props: {
|
||
pageBck:{
|
||
type:String,
|
||
default:"#F2F2F9"
|
||
},
|
||
leftIcon: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
rightText: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
rightTextColor: {
|
||
type: String,
|
||
default: '#5FC48D'
|
||
},
|
||
backgroundColor: {
|
||
type: String,
|
||
default: "#FFFFFF"
|
||
},
|
||
title: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
// 是否固定
|
||
fixed: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
// 标题字体颜色
|
||
color: {
|
||
type: String,
|
||
default: "#fff"
|
||
},
|
||
clickLeftFn: {
|
||
type: [Boolean, Function],
|
||
default: false
|
||
},
|
||
clickRightFn: {
|
||
type: [Boolean, Function],
|
||
default: false
|
||
},
|
||
// BottomNavBar配置
|
||
curKey: {
|
||
type: String,
|
||
default: 'index'
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
|
||
};
|
||
},
|
||
methods: {
|
||
clickLeft () {
|
||
!this.clickLeftFn ? uni.navigateBack() : this.clickLeftFn()
|
||
},
|
||
clickRight () {
|
||
this.clickRightFn && this.clickRightFn()
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped lang="scss">
|
||
.bck{
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
z-index: -1;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
</style> |