供应商

src/main/resources/static/js/equipment/detail.js

@@ -34,3 +34,11 @@ var equipmentDetail = new Vue({
         });
     }
 });
+//分项二维码
+$(function () {
+    $('.share .code').qrcode({
+        width: 120,
+        height: 120,
+        text: window.location.href
+    });
+});

src/main/resources/templates/equipment/detail.html

@@ -29,8 +29,10 @@
                 <p class="row" th:each="item,status : ${equipment.pageContents}" th:if="${item.type}==2 and ${status.index}>4">
                     <span class="l" th:text="${item.name}"></span><i>：</i><em th:text="${item.content}"></em>
                 </p>
-                <a href="javascript:void(0);" class="share">分享<i class="icon"></i></a>
-                <a href="javascript:void(0);" class="buy">点击购买</a>
+                <a href="javascript:void(0);" class="share" title="手机扫一扫分享">分享<i class="icon"></i>
+                <div class="code"></div>
+                </a>
+<!--                <a href="javascript:void(0);" class="buy">点击购买</a>-->
             </div>
         </div>
     </div>
@@ -76,6 +78,7 @@
 <template th:replace="components/footer"></template>
 <template th:replace="components/foot-link"></template>
 <script charset="utf-8" type="text/javascript" src="/lib/magnifier.js"></script>
+<script charset="utf-8" type="text/javascript" src="/lib/jquery.qrcode.min.js"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/equipment/detail.js(v=${version})}"></script>
 </body>
 </html>