这个张文主要介绍了亚马逊底部导航栏和分享按钮的实现方法。本文通过示例代码详细介绍了你，对你的学习或工作有一定的参考价值。需要的朋友可以参考一下
手机页面底部导航栏是仿照Android、IOS等app底部导航栏的设计。很多移动页面前端框架都有这个组件。亚马逊也不例外。还提供站外共享按钮和组件，不用自己写。直接提供国内主流网站的分享，没有传说中的facebook流，不用自己改，效果如下：
代码如下：
！-用HTML5开发-
！声明文档类型
html class='no-js '
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '
元http-equiv='X-UA-Compatible '内容='IE=edge '
！-自动适应移动屏幕-
meta name=' viewport ' content=' width=device-width，initial-scale=1，maximum-scale=1，user-scaled=no '
！-首选webkit内核渲染-
meta name=' renderer ' content=' web kit '
！-不要被百度转码-
meta http-equiv='Cache-Control '内容='no-siteapp'/
！-以下是亚马逊资源的介绍-
link rel='样式表' href=' assets/CSS/amazeui . min . CSS '
link rel='样式表' href='assets/css/app.css '
！-介绍js的时候注意，一定要先介绍jQuery，再介绍amazeui，因为这个框架是基于jQuery开发的-
脚本src=' assets/js/jquery.min.js '唐山软件开发lt；/script
脚本src=' assets/js/amazeui . min . js '/脚本
标题页脚/标题
/head
身体
div class=' am-nav bar am-nav bar-default ' data-am-widget=' nav bar '
ul class='am-navbar-nav '
里
a href='# '
span class='am-icon-home'/span
Span class='am-navbar-label '主页/span
/a
/li
里
a href='# '
span class=' am-icon-user-MD '/span
Span class='am-navbar-label '个人/span
/a
/li
里
a href='# '
span class='am-icon-star'/span
Span class='am-navbar-label '集合/span
/a
/li
li data-am-navbar-share
a
span class=' am-icon-share-square-o '/span
Span class='am-navbar-label '共享/span
/a
/li
/ul
/div
/body
/html
总结
到目前为止，这篇关于亚马逊底部导航栏和共享按钮的示例代码的文章介绍如下。更多关于亚马逊的导航栏和分享按钮的信息，请搜索Script House以前的文章或者继续浏览下面的相关文章。希望大家以后多多支持脚本屋！
