cuadro de búsqueda personalizado de Uniapp
< /view>
< .
! gt;
exportar valor predeterminado {
nombre: 'navbar',
data() {
return {
statusBarHeight: 20,/* statusBarHeight */
navBarHeight: 45,/* navBarHeight */ p>
windowWidth: 375,/* windowWidth */
/* Establece la altura predeterminada de la barra de estado*/
val: ''/* El valor de cuadro de búsqueda de la barra de navegación */
};
},
creado() {
// Obtener la información del sistema del teléfono
const info = uni.getSystemInfoSync()
// Establece la altura de la barra de estado (los subprogramas H5 sin una barra de estado en la parte superior deben elevar la barra de estado)
this.statusBarHeight =
info.statusBarHeight
this.windowWidth = info.windowWidth
// Haga esto excepto la aplicación H5 mp-alipay
// #ifndef H5 ||| APP-PLUS ||| MP-ALIPAY
// Obtener la posición de la cápsula
const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
consola .log(menuButtonInfo);
// (capsuleBottomHeight - statusBarHeight) + (capsuleTopHeight - altura interna de statusBar) = navBarHeight
this.navBarHeight = (menuButtonInfo.bottom - info. statusBarHeight) + (capsuleTopHeight - altura interna de statusBar) = navBarHeight