popover插件用法
話不多說，先上圖：
js實現這個的原理也簡單，在按鈕上綁定一個點擊事件，將相對應的元素設置隱藏和顯示。但是這個網頁使用bootstrap做的，就懶得費功夫自己寫啦。
第一步我們先寫一個標簽
<a class="btn btn-black phone-btn" tabindex="0" data-trigger="focus" title="iphone用戶" data-container="body" data-toggle="popover" data-placement="bottom" data-content="ddd" >IPHONE</a>
我這么懶的人，當時選擇直接copy bootstrap中的示例啦
注意：bootstrap中有聲明的：由於性能的原因，工具提示和彈出框的 data 編程接口（data api）是必須要手動初始化的。
所以第二步，我們要在js中手動初始化
$('[data-toggle="popover"]').popover()
ok，要是你的業務只需要有個什么提示信息的，把你的內容寫在 data-content=""里面，這樣就完全ok
but，我們需要二維碼呀，data-content里面是不能直接寫html代碼的，會被當作文本信息輸出噢
ok第三步，我們需要修改一丟丟js代碼
將之前初始化的代碼注釋掉，修改為：
$('[data-toggle="popover"]').popover({
trigger: 'focus', // 這個是定義鼠標事件，等於data-trigger="focus"
html: true // 關鍵在這里， 這樣修改之后，我們的data-content里面就可以寫html代碼啦
})
那修改一下a標簽內容：
<a class="btn btn-black phone-btn" tabindex="0" data-trigger="focus" title="iphone用戶" data-container="body" data-toggle="popover" data-placement="bottom" data-content='<img class="phone-qrcode" src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1535336714&di=cb361a7d90f16c1f4a01248124e0eede&src=http://imgs.soufun.com/news/2015_08/19/news/1439970601862_000.jpg"/>' >IPHONE</a>
大工告成！奶思