如何使聚合物應用程序網格可點擊

Question

如何使聚合物網格項目可以像材料設計規範（主要行動）一樣充當「a href」？這是材料設計規範的鏈接：https://material.google.com/components/grid-lists.html#grid-lists-content。

Answer 1

你看過docs嗎？您可以使用div作爲容器的一些a鏈接，像這樣：

<dom-module id="grid-test"> 
    <template> 
    <style include="app-grid-style"> 
     :host { 
     --app-grid-columns: 3; 
     --app-grid-item-height: 100px; 
     } 

     div { 
     padding: 0; 
     list-style: none; 
     } 

     .item { 
     background-color: white; 
     border: 1px solid black; 
     } 
    </style> 

    <div class="app-grid"> 
     <a href="#" class="item">1</a> 
     <a href="#" class="item">2</a> 
     <a href="#" class="item">3</a> 
     <a href="#" class="item">4</a> 
     <a href="#" class="item">5</a> 
     <a href="#" class="item">6</a> 
     <a href="#" class="item">7</a> 
     <a href="#" class="item">8</a> 
     <a href="#" class="item">9</a> 
     <a href="#" class="item">10</a> 
     <a href="#" class="item">11</a> 
     <a href="#" class="item">12</a> 
     <a href="#" class="item">13</a> 
     <a href="#" class="item">14</a> 
    </div> 
    </template> 
    <script> 
    Polymer({ 
     is: "grid-test" 
    }); 
    </script> 
</dom-module>