104 lines
1.9 KiB
Vue
104 lines
1.9 KiB
Vue
<template>
|
||
<!-- 公共头部 状态栏40upx 带有左边返回键，右边消息图标 -->
|
||
<view class="b_header bg-linear-gradient x-text-white text-center ">
|
||
<image src="../../static/my/message.png" mode="" class="message" @click="to_message()"></image>
|
||
<view class="is_top_search x-bg-white flex-1 " @click="search()">
|
||
<input type="text" value="" placeholder="搜索" class="search_input h-100" />
|
||
</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;
|
||
}
|
||
}
|
||
.is_top_search {
|
||
width:520upx;height: 56upx;
|
||
margin-left: 90upx;
|
||
overflow: hidden;
|
||
border-radius: 20upx;
|
||
}
|
||
|
||
.search_img {
|
||
position: absolute;
|
||
left: 40upx;
|
||
top: 16upx;
|
||
height: 27upx;
|
||
width: 27upx;
|
||
}
|
||
|
||
.search_input {
|
||
margin-left: 70upx;
|
||
width: 70%;
|
||
|
||
|
||
}
|
||
|
||
.search_list{
|
||
width:520upx;height: 56upx;
|
||
margin-left: 90upx;
|
||
}
|
||
.tui-search-input {
|
||
width: 100%;
|
||
height: 72rpx;
|
||
background: #f5f6fa;
|
||
border-radius: 36rpx;
|
||
font-size: 30rpx;
|
||
color: #a8abb8;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.tui-search-text {
|
||
padding-left: 16rpx;
|
||
}
|
||
|
||
</style>
|