我试图在使用聚合物的网站上显示和地址以及手机,但当我按下链接显示类似于通话时,我试图在手机中显示为链接,并显示地址当您单击地址并打开包含地址的地图时。 有什么元素可以让我这样做吗?
<dom-module id="my-aboutuscomment">
<template>
<style>
:host {
display: block;
@apply(--layout-vertical);
}
.div-general{
width: 350px;
height: auto;
padding: 0 16px 0 16px;
margin-top: 16px;
}
.div-list-general{
margin-left: 16px;
@apply(--layout-vertical);
}
.div-list{
margin-left: 16px;
@apply(--layout-vertical);
padding: 16px 16px 16px 16px;
font-family: 'Roboto', 'Noto', sans-serif;
font-size: 14px;
line-height: 24px;
}
</style>
<div class="div-general">
<h2>About us</h2>
<div class="div-list-general">
<span>SignaSafe Inc.</span>
<span>We are a company with a few years of work in the software development business. We are comminment with our customers to offer a good customer service and a high quality software product to help your business grow and expand.<span>
<div class="div-list">
<span>
<iron-icon icon="room"></iron-icon>
Address:{{sscontact.address}}
</span>
<span>
<iron-icon icon="perm-phone-msg"></iron-icon>
Telephone:{{sscontact.telephone}}
</span>
<span>
<iron-icon icon="markunread-mailbox"></iron-icon>
Mail:{{sscontact.mail}}
</span>
</div>
</div>
</div>
</template>
<script>
Polymer({
is: 'my-aboutuscomment',
properties: {
sscontact: {
type: Object,
value: function() { return {
address: "204 Plymouth Ave, Syracuse NY-13211",
telephone: "3155302019",
mail: "signasafe@gmail.com"
}; }
}
}
});
</script>