54 lines
1.3 KiB
Plaintext
54 lines
1.3 KiB
Plaintext
|
<style lang="less">
|
||
|
|
.m_search {
|
||
|
|
width: 446rpx;
|
||
|
|
height: 64rpx;
|
||
|
|
background-color: #F8F8F8;
|
||
|
|
border-radius: 100rpx;
|
||
|
|
padding: 0 22rpx;
|
||
|
|
margin-left: 30rpx;
|
||
|
|
|
||
|
|
.m_search_icon {
|
||
|
|
width: 28rpx;
|
||
|
|
height: 28rpx;
|
||
|
|
margin-right: 8rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<template>
|
||
|
|
<view class="~cu-custom" :style="{height: CustomBar + 'px', zIndex: 1}">
|
||
|
|
<view class="~cu-bar ~fixed" :style="{height: CustomBar + 'px', paddingTop: StatusBar + 'px', background: bgColor}">
|
||
|
|
<view class="m_search ~f-fcl">
|
||
|
|
<image class="m_search_icon" src="https://images.ufutx.com/202106/19/c607aaf49440b0df3308d6e048fd9ad7.png" mode="aspectFit" lazy-load="false"></image>
|
||
|
|
<input disabled type="text" placeholder="搜索昵称">
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import wepy from '@wepy/core'
|
||
|
|
import base from '../mixins/base'
|
||
|
|
import https from '../mixins/https'
|
||
|
|
|
||
|
|
wepy.component({
|
||
|
|
props: {
|
||
|
|
bgColor: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
StatusBar: 0,
|
||
|
|
CustomBar: 0,
|
||
|
|
Custom: 0
|
||
|
|
},
|
||
|
|
mixins: [https, base],
|
||
|
|
methods: {
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.StatusBar = this.$app.$options.globalData.StatusBar
|
||
|
|
this.CustomBar = this.$app.$options.globalData.CustomBar
|
||
|
|
this.Custom = this.$app.$options.globalData.Custom
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|