126 lines
3.2 KiB
Vue
126 lines
3.2 KiB
Vue
<template>
|
|
<view :class="themeType?'whiteHeaderBox':''">
|
|
<!-- 手机状态层 -->
|
|
<view :style="{ height: mobileTopHeight + 'px' }" class="statusBar"></view>
|
|
<view class="headerBox">
|
|
<u-icon v-if="iconType" class="backImg" @click="$emit('select')" v-show="showBack" name="list" size="40"></u-icon>
|
|
<uni-icons v-else @click="goBackFn" v-show="showBack" class="backImg" type="left" size="24"></uni-icons>
|
|
<slot></slot>
|
|
<view class="rightIcon">
|
|
<slot name="right"></slot>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props:['showBack','themeType','iconType'],
|
|
data() {
|
|
return {
|
|
mobileTopHeight: 0
|
|
};
|
|
},
|
|
mounted() {
|
|
// if(uni.getMenuButtonBoundingClientRect()){
|
|
// this.mobileTopHeight = uni.getMenuButtonBoundingClientRect().top
|
|
// }else{
|
|
// this.mobileTopHeight = 0
|
|
// }
|
|
var that = this
|
|
uni.getSystemInfo({
|
|
success(res) {
|
|
console.log('res', )
|
|
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : window.plus ? uni.upx2px(44) : 0;
|
|
uni.setStorageSync('systemInfo',res)
|
|
console.log(1111, res)
|
|
}
|
|
})
|
|
console.log('this.mobileTopHeight',this.mobileTopHeight)
|
|
},
|
|
methods:{
|
|
goBackFn(){
|
|
let pages = getCurrentPages();
|
|
// let prevPage = pages[pages.length - 2]
|
|
console.log('prevPage', pages)
|
|
if(pages.length > 1) {
|
|
uni.navigateBack({
|
|
success: function() {
|
|
// console.log('getCurrentPages()',getCurrentPages())
|
|
// let page = getCurrentPages()[0]; //跳转页面成功之后
|
|
// if(page.route=='pages/projectManage/projectManage'){
|
|
|
|
// }
|
|
// if (!page) return;
|
|
// page.onLoad(); //如果页面存在，则重新刷新页面
|
|
}
|
|
});
|
|
return
|
|
}
|
|
|
|
|
|
// uni.redirectTo({
|
|
// url: `/pages/workspace/workspace?current=${11}`
|
|
// });
|
|
// console.log('goBackFn', window.parent.postMessage)
|
|
console.log('当前环境：' + JSON.stringify(webUni) + JSON.stringify(uni));
|
|
// window.parent.postMessage({
|
|
// data: 1
|
|
// }, "*");
|
|
// uni.postMessage({
|
|
// data: {
|
|
// action: 'message'
|
|
// }
|
|
// });
|
|
// document.addEventListener('UniAppJSBridgeReady', function() {
|
|
// console.log('UniAppJSBridgeReady', document.getElementById('postMessage'))
|
|
// // document.getElementById('postMessage').addEventListener('click', function() {
|
|
// // console.log('postMessage触发了')
|
|
// // uni.postMessage({
|
|
// // data: {
|
|
// // action: 'message'
|
|
// // }
|
|
// // });
|
|
// // });
|
|
|
|
// });
|
|
if(window.plus) {
|
|
webUni.webView.postMessage({
|
|
data: {
|
|
type: "路由",
|
|
url: '/pages/projectEnd/projectIndex/projectIndex'
|
|
}
|
|
});
|
|
} else {
|
|
window.parent.postMessage({
|
|
data: {
|
|
type: "路由",
|
|
url: '/pages/projectEnd/projectIndex/projectIndex'
|
|
}
|
|
}, "*");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.statusBar{
|
|
background-color: #2a2b5b;
|
|
}
|
|
.whiteHeaderBox{
|
|
.backImg {
|
|
color: white !important;
|
|
}
|
|
.statusBar{
|
|
background-color: #2b8df3;
|
|
}
|
|
.rightIcon{
|
|
position: absolute;
|
|
right: 20rpx;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
z-index: 10;
|
|
}
|
|
}
|
|
</style>
|