ufutx_love_mp/src/components/cuCustom.wpy
2024-10-08 10:24:03 +08:00

61 lines
1.5 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">
<view class="~cu-bar ~fixed" :style="{height: CustomBar + 'px', paddingTop: StatusBar + 'px', background: bgColor, zIndex: 999}">
<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="searchName">
</view>
</view>
</view>
<view :style="{height: navHeight + 'px'}"></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: '#ffffff'
},
searchName: {
type: String,
default: '搜索昵称'
}
},
data: {
navHeight: 0,
StatusBar: 0,
CustomBar: 0,
Custom: 0
},
mixins: [https, base],
methods: {
},
created() {
this.navHeight = this.$app.$options.globalData.navBarHeight
this.StatusBar = this.$app.$options.globalData.StatusBar
this.CustomBar = this.$app.$options.globalData.CustomBar
this.Custom = this.$app.$options.globalData.Custom
}
})
</script>