關(guān)于接口的一些說明

之所以上線這個(gè)接口，就是為了一個(gè)特效。但是調(diào)用比較麻煩，加上可能有些用戶不太懂修改代碼，導(dǎo)致修改后出現(xiàn)一些問題，于是就寫了這么一個(gè)接口，使其簡單化調(diào)用。

用戶只需要通過調(diào)用接口就可以直接制作一個(gè)圖片版的網(wǎng)站名片信息，然后再通過 API接口平臺(tái) 提供的調(diào)用代碼即可輕松實(shí)現(xiàn)同樣的特效。

* 該特效可能不支持手機(jī)，如無法接受，建議使用代碼版

代碼版請(qǐng)看原作者文章：https://www.pengqi.club/2318.html

使用方法

1、先通過接口制作需要的名片信息 → https://api.xwteam.cn/doc/135

2 、在 < head> < /head> 之間調(diào)用CSS文件。

<link rel="stylesheet" href="https://api.xwteam.cn/api/visitor/card_resource/card.css">

* 文件已通過CDN加速，可直接調(diào)用，也可以下載到本地使用

3、在需要顯示的位置插入代碼。

<div class="flip-container">

? <div class="flipper">

? ? <div class="front">

? ? ? <img src="圖片URL" alt="正面圖片" width="400" height="252">

? ? </div>

? ? <div class="back">

? ? ? <img src="圖片URL" alt="背面圖片" width="400" height="252">

? ? </div>

? </div>

</div>

* 自行修改圖片URL為你的名片信息接口地址即可

寫在最后

如果是接口版的名片信息，教程到這里已經(jīng)結(jié)束了。

如果是代碼版的請(qǐng)看文章頂部原作者的文章自行修改，但是你既然都看到這里了，也就說明你用的是接口版的。

目前接口版的簡易特效是

* 暫不支持手機(jī)使用的！

如果需要手機(jī)也能看到，建議自己根據(jù)原作者文章使用代碼版的名片信息。

當(dāng)然，也可以把CSS文件下載到本地自行修改完善。

最后附上演示地址和代碼：https://api.xwteam.cn/api_demo/card_api