62 lines
1.2 KiB
Vue
62 lines
1.2 KiB
Vue
<template>
|
||
<!-- 公共头部 状态栏40upx 带有左边返回键，右边消息图标 -->
|
||
<view class="b_header bg-linear-gradient x-text-white text-center">
|
||
{{page_title}}
|
||
<image src="../../static/my/message.png" mode="" class="message" @click="to_message()"></image>
|
||
<view class="spot"></view>
|
||
|
||
<image src="../../static/my/left.png" mode="" class="goback" @click="back()"></image>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import public_function from '../../common/public_function.js'
|
||
export default{
|
||
props:{
|
||
page_title:String
|
||
},
|
||
methods:{
|
||
to_message(){
|
||
uni.navigateTo({
|
||
url:'../../pages/my/is_message'
|
||
})
|
||
},
|
||
back(){
|
||
public_function.goBack();
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.b_header{
|
||
height:148upx;
|
||
position: relative;
|
||
line-height:210upx;
|
||
font-size: 32upx;
|
||
.goback{
|
||
position: absolute;
|
||
bottom:29upx;
|
||
left:31upx;
|
||
height:30.9upx;
|
||
width:18upx;
|
||
}
|
||
.message{
|
||
position: absolute;
|
||
bottom:18upx;
|
||
right:31upx;
|
||
height:43upx;
|
||
width:50upx;
|
||
}
|
||
.spot{
|
||
height:12upx;
|
||
width:12upx;
|
||
background-color: #FF3824;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
bottom:52upx;
|
||
right:31upx;
|
||
}
|
||
}
|
||
</style>
|