Google hangout元素是Google Web组件的元素, 用于在不同设备上与其他人进行对话。
运行以下命令以在你的项目目录中安装google hangout元素。之后, 你可以在应用程序中使用此元素:
bower install --save GoogleWebComponents/google-hangout-button
例:
【Polymerjs Google环聊按钮】创建一个index.html文件并在其中添加以下代码, 以查看Polymer.js中google-hangout-buttonelement的用法。
<
!doctype html>
<
html>
<
head>
<
title>
Polymer Example<
/title>
<
script src="http://www.srcmini.com/bower_components/webcomponentsjs/webcomponents-lite.js">
<
/script>
<
link rel = "import" href = "http://www.srcmini.com/bower_components/polymer/polymer.html">
<
link rel = "import" href = "http://www.srcmini.com/bower_components/paper-styles/demo-pages.html">
<
link rel = "import"href = "http://www.srcmini.com/bower_components/google-hangout-button/google-hangout-button.html">
<
link rel = "import"href = "http://www.srcmini.com/bower_components/iron-flex-layout/classes/iron-flex-layout.html">
<
style>
section {max-width: 300px;
}section >
div {padding: 5px;
}<
/style>
<
/head>
<
body>
<
section>
<
div class = "layout horizontal center">
<
span class = "flex">
Default button<
/span>
<
span class = "flex">
<
google-hangout-button>
<
/google-hangout-button>
<
/span>
<
/div>
<
div class = "layout horizontal center">
<
span class = "flex">
Narrow button<
/span>
<
span class = "flex">
<
google-hangout-button width = "70">
<
/google-hangout-button>
<
/span>
<
/div>
<
/section>
<
/body>
<
/html>
推荐阅读
- Polymerjs Google地图
- Polymer Google Analytics(分析)查询
- Polymerjs gold-phone-input元素
- Polymerjs Google图表
- Polymerjs gold-email-input元素
- Polymerjs事件处理详解
- Polymerjs gold元素
- Polymerjs gold-cc-input元素
- Polymerjs gold-cc-cvc-input用法