微信小程序自定义状态栏(右侧的胶囊是去不掉的哦)

本文介绍了如何在微信小程序中实现自定义状态栏,包括设置`home.json`配置文件,编写`home.wxml`和`home.wxss`样式,以达到定制顶部标题和搜索框的效果。最终展示了一个包含背景图片、标题和搜索框的页面布局。
摘要由CSDN通过智能技术生成

微信小程序自定义状态栏(一)

home.json

{

 "navigationBarTitleText": "",

  "navigationStyle": "custom",

  "enablePullDownRefresh": true

}

home.wxml

<view class="bgImg">   

    <view class="titletop">我的博客</view>

    <!-- 顶部搜索框 -->

    <view class="search-bar">

        <image src="../../images/homeImg/1.1.png"></image>

        <input class='search-input' bindinput='getSuggest' placeholder='搜索医生、疾病'></input>

    </view>

    <!--轮播图-->

    <view>

        <swiper class='lunbo' indicator-dots='true' indicator-color="#ffffff" ind

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值