如何将地址和手机显示为聚合物中的链接

时间:2016-03-06 15:53:01

标签: polymer

我试图在使用聚合物的网站上显示和地址以及手机,但当我按下链接显示类似于通话时,我试图在手机中显示为链接,并显示地址当您单击地址并打开包含地址的地图时。 有什么元素可以让我这样做吗?

元素代码:

<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>

0 个答案:

没有答案