程序博客网 > 配衣服的软件

HBuilder 如何模仿微信：标题栏是黑底白字，底部选项卡也是

来源：互联网发布：配衣服的软件编辑：程序博客网时间：2024/04/30 04:49

如何模仿微信：顶部是黑底白字，底部选项卡也是

→

1：添加顶部mh和底部mt代码

<body>

<header class="mui-bar mui-bar-nav">

<h1 class="mui-title">追风筝的人</h1>

</header>

<nav class="mui-barmui-bar-tab">

<a class="mui-tab-itemmui-active"href="sub1.html">

<spanclass="mui-iconmui-icon-weixin"></span>

<spanclass="mui-tab-label">主页</span>

</a>

<a class="mui-tab-item"href="sub2.html">

<spanclass="mui-iconmui-icon-contact"></span>

<spanclass="mui-tab-label">通讯录</span>

</a>

<a class="mui-tab-item"href="sub3.html">

<spanclass="mui-iconmui-icon-paperplane"></span>

<spanclass="mui-tab-label">发现</span>

</a>

<a class="mui-tab-item"href="sub4.html">

<spanclass="mui-iconmui-icon-person"></span>

<spanclass="mui-tab-label">我的</span>

</a>

<a class="mui-tab-item"href="http://baidu.com">

<spanclass="mui-iconmui-icon-qq"></span>

<spanclass="mui-tab-label">QQ</span>

</a>

</nav>

</body>

2：在CSS文件夹中新建一个main的css，然后在index.html主页面添加代码<link rel="stylesheet"type="text/css"href="css/mian.css"/>

3: xxx.CSS中添加代码

.mui-bar-nav{

background-color: #000000; /*顶部背景色设置黑色*/

}

.mui-title{

color: white; /*顶部字体为白色*/

}

.mui-active.mui-tab-label,.mui-active.mui-icon{ /*.mui-active.mui-tab-label与mui-tab-label之间要加个空格*/

color:#2AC845; /*.mui-active为活动的*/

}

0 0

配衣服的软件

配衣服的软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子金立s10总是卡怎么办小米5黑屏假死怎么办电信卡无服务怎么办金立s10屏幕失灵怎么办金立s10充电慢怎么办金立手机屏幕失灵怎么办金立倒闭售后怎么办 qt助手安装不了怎么办华为p7反应慢怎么办荣耀play充电慢怎么办手机没有流量了怎么办手机亮屏死机怎么办小米2网速慢怎么办手机流量网络卡怎么办华为钱包闪退怎么办华为应用卡机怎么办华为手机网络不好怎么办定频空调外机太响怎么办定频空调外机太张怎么办华为pioplus好卡怎么办股票天天创新低怎么办创出新低的股票怎么办股价创历史新低怎么办 6s16g不够用怎么办平板手机好卡怎么办 pado平板后盖怎么办华为平板黑屏了怎么办华为手机发热关机怎么办电信卡不能用怎么办华为p9手机发热怎么办 ps没有笔压怎么办华为v9相机模糊怎么办前置摄像头有灰怎么办苹果屏幕烧了怎么办华为mate10很卡怎么办小米发烫挺严重怎么办微信信号不好怎么办手机膜脱落后怎么办华为v9反应慢怎么办华为p8卡槽坏了怎么办小米6卡槽坏了怎么办