1. 什么是uniapp？
uniapp是一个使用Vue.js开发跨平台应用的框架，可以基于同一套代码实现iOS、Android、H5和小程序等多平台发布。
它使用原生的App容器运行，可以很好地实现原生应用的效果，在开发效率和用户体验之间找到了平衡点，备受开发者的喜爱。
2. 隐藏标题栏只显示状态栏
2.1 在manifest.json文件中配置
在uniapp中，可以通过配置manifest.json文件来实现隐藏标题栏和显示状态栏。manifest.json文件默认位于项目根目录下，里面存放了一些应用的基本信息和配置项。
针对隐藏标题栏，我们需要在manifest.json文件中的“navbarStyle”节点中进行配置。具体做法如下：
{
"navbarStyle": "custom"
}
其中，navbarStyle节点表示导航栏的样式，默认是“default”表示显示，而“custom”则表示隐藏。
但是，这样配置后只是隐藏了标题栏，并未显示状态栏，还需要进行进一步的配置。
2.2 在App.vue文件中添加样式
在修改完manifest.json文件后，我们需要在App.vue文件中添加一些样式来实现显示状态栏的效果。
具体做法如下：
/* App.vue */
<style lang="scss">
/* 引入uni.scss */
@import '@/uni.scss';
/* 自定义状态栏样式 */
.uni-status-bar {
background: #fff;
color: #333;
}
/* 自定义导航栏样式 */
.uni-bar {
background: #fff;
color: #333;
height: 0;
overflow: visible;
}
</style>
其中，.uni-status-bar{}节点表示自定义状态栏的样式，这里我们将它设置成了白色背景，黑色字体；而.uni-bar{}节点则表示自定义导航栏的样式。
2.3 显示电池栏和网络状态栏
如果不显示电池栏和网络状态栏，则会给用户带来一些不便。我们也可以通过配置manifest.json文件来进行实现。具体配置如下：
{
"statusBar": {
"backgroundColor": "#fff",
"style": "dark",
"displayMode": "float",
"animation": {
"duration": 0,
"timingFunc": "linear"
}
}
}
其中，statusBar节点表示状态栏的配置项，我们可以在其中设置backgroundColor节点来指定状态栏的背景颜色；style节点来指定文字的颜色；displayMode节点用于控制状态栏的显示模式，这里我们设置为float表示状态栏在页面上浮动；animation节点则表示状态栏出现和消失的动画效果，这里我们将它设置为0，即没有动画。
3. 总结
通过上述的配置，我们就可以在uniapp中隐藏标题栏，只显示状态栏了。这样可以让应用看起来更加干净简洁，同时也方便了用户操作，提高了应用的用户体验。除此之外，我们还可以通过修改样式的方式来自定义状态栏和导航栏的样式，满足不同需求的开发者。