效果图： → 代码如下：Sub1.html：ecshop.html：
后来 发现manifest.json有一个配置,是固定
标题
,默认为44px,
"plus": {
"launchwebview": {//需要注释掉这段,就可以显示正常的
标题
了
"titleNView": {
"backgroundco
一、 前言
状态
栏
就是手机屏幕最顶部的区域，包括了：信号、运营商、电量等信息。通常APP都有属于自己的色调风格，为了达到整体视觉美观，通常会设置状态
栏
和
标题
栏
的色调设置成一致。
二、状态
栏
状态类型
变色（设置颜色）
透明（沉浸式）
消失（全屏）
三、状态
栏
变色
1.效果如图：
2.根据色调设置状态
栏
文字颜色，文字颜色只提供两种值：light（白色）、dark（黑色）
3.设置
标题
栏
...
刚好做了功能,官方的没看到类似的例子所以自己写了,大概就是如果要居于右侧,那就设置float:right,这样就可以了,html代码如下:
class="mui-bar mui-bar-nav">
id="edit" class="title-left">编辑
最近想知道手机app是如何进行生成的，粗浅了解到
HBuilder
一些间的快捷输入，还是个小白简单的做一下做个记录，有需要的可以看看，大佬们也可以多提点点。
1.生成
标题
输入mb，则会自动弹出“带返回箭头的
标题
”和“
标题
栏
”两个提示，可根据实际情况进行选择。一般首页的话，会选择“
标题
栏
”，其他可以选择“带返回箭头的
标题
栏
”。
2.生成主题
输入“mb”，选择“mbody”即可，另外还有“数字角标”...
在日常工作和学习中，对代码进行注释必不可少，但大部分编辑器的默认注释颜色都是灰色，本来用于给人提醒的注释，结果灰不溜秋，查看起来并不方便，所以为了使用方便，给注释颜色换一个高亮的颜色显得很有必要。
操作步骤：
一、 找到编辑器上的工具，打开视觉主题设置。
二、进入视觉主题设置，并打开高级设置。
三、在高级设计中找到comment，然后在颜色中选择一个自己喜欢的颜色
四、选择好颜色后，点击...
HBuilder
x最护眼的主题颜色就是绿柔
HBuilder
x绿柔默认注解颜色为灰色,确实有点费眼，在网上找了很多都是关于
HBuilder
的，以下为目前为之最新版
HBuilder
x的注释更改方法：
制作音乐播放器的音乐
栏
，可以在
Hbuilder
中使用mui框架进行开发。具体步骤如下：
1. 在html文件中添加一个div，用来放置音乐
栏
的各个组件，例如歌曲列表、搜索
栏
等。
```html
<div class="music-list">
<div class="search-bar">
<input type="text" placeholder="搜索歌曲">
<ul class="song-list">
<li class="song-item">
<span class="song-name">歌曲名称</span>
<span class="singer">歌手</span>
<li class="song-item">
<span class="song-name">歌曲名称</span>
<span class="singer">歌手</span>
<li class="song-item">
<span class="song-name">歌曲名称</span>
<span class="singer">歌手</span>
<!-- ... -->
2. 使用mui的样式来美化音乐
栏
，例如设置背景颜色、字体样式等。
```css
.music-list {
background-color: #ffffff;
padding: 10px;
.search-bar {
margin-bottom: 10px;
.search-bar input {
width: 100%;
padding: 6px 10px;
border: none;
border-radius: 4px;
background-color: #f5f5f5;
.song-list .song-item {
display: flex;
align-items: center;
height: 40px;
border-bottom: 1px solid #e5e5e5;
.song-list .song-item:last-child {
border-bottom: none;
.song-list .song-item .song-name {
font-size: 16px;
.song-list .song-item .singer {
margin-left: 10px;
font-size: 14px;
color: #999999;
3. 使用JavaScript来实现音乐
栏
的各个功能，例如点击歌曲可以开始播放、搜索歌曲可以筛选歌曲等。
```javascript
var songList = document.querySelector('.song-list');
// 点击歌曲开始播放
songList.addEventListener('click', function(e) {
var songName = e.target.querySelector('.song-name').textContent;
var singer = e.target.querySelector('.singer').textContent;
var songUrl = 'song/' + songName + '.mp3';
// 播放歌曲
// 搜索歌曲
var searchBar = document.querySelector('.search-bar input');
searchBar.addEventListener('input', function() {
var keyword = searchBar.value.toLowerCase();
Array.from(songList.children).forEach(function(songItem) {
var songName = songItem.querySelector('.song-name').textContent.toLowerCase();
var singer = songItem.querySelector('.singer').textContent.toLowerCase();
if (songName.indexOf(keyword) !== -1 || singer.indexOf(keyword) !== -1) {
songItem.style.display = 'flex';
} else {
songItem.style.display = 'none';
4. 使用第三方的音乐API来获取歌曲列表，例如歌曲名称、歌手等。
```javascript
fetch('http://api.music.com/songs')
.then(function(response) {
return response.json();
.then(function(data) {
var songList = document.querySelector('.song-list');
data.forEach(function(song) {
var songItem = document.createElement('li');
songItem.classList.add('song-item');
songItem.innerHTML = `
<span class="song-name">${song.name}</span>
<span class="singer">${song.singer}</span>
songList.appendChild(songItem);
5. 最后，将音乐
栏
与播放
栏
等其他组件进行整合，完成音乐播放器的开发。
以上是制作音乐播放器的音乐
栏
的大致步骤，具体的实现细节可以根据需求进行调整。
