在头像下面加一个自己所在的城市,虽然没啥大用,但是博主觉得看着更加舒服。于是就捣鼓了一下,有需要的朋友可以看看。

最终效果

显示的效果

实现方法

打开阿里巴巴矢量库图标库,需要登陆下,然后搜索地图:

地图图标

选中自己喜欢的图标,点击下载:

选择喜欢的图标

调整好大小,我建议16~20即可,具体可以根据自己的需求进行调试。调整到合适的大小之后,选择复制SVG代码:

调整大小

handsome/component/aside.php路径下,大约70行的位置添加代码:

加入的代码

这个<svg t="1653015600793" class="icon"</svg>都是刚才在矢量库里复制的SVG代码。

这里供上我的源码:

<p align="text-center">
<svg t="1653015600793" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3753" width="16" height="16"><path d="M537.972364 826.228364L512 855.179636l-25.972364-28.951272a2274.606545 2274.606545 0 0 1-44.520727-52.084364 2336.116364 2336.116364 0 0 1-97.489454-125.742545 1516.218182 1516.218182 0 0 1-68.072728-102.516364C225.908364 462.731636 197.818182 392.913455 197.818182 337.454545 197.818182 163.933091 338.478545 23.272727 512 23.272727s314.181818 140.660364 314.181818 314.181818c0 55.458909-28.090182 125.277091-78.126545 208.430546a1516.218182 1516.218182 0 0 1-68.072728 102.516364 2336.116364 2336.116364 0 0 1-97.466181 125.742545 2274.606545 2274.606545 0 0 1-44.544 52.084364z m-9.216-96.628364a2267.461818 2267.461818 0 0 0 94.533818-121.949091 1447.726545 1447.726545 0 0 0 64.930909-97.745454c43.985455-73.076364 68.142545-133.166545 68.142545-172.45091C756.363636 202.496 646.958545 93.090909 512 93.090909S267.636364 202.496 267.636364 337.454545c0 39.284364 24.180364 99.374545 68.142545 172.45091a1447.726545 1447.726545 0 0 0 64.930909 97.745454A2267.461818 2267.461818 0 0 0 512 749.591273c5.352727-6.283636 10.938182-12.986182 16.756364-20.014546zM888.226909 605.090909H861.090909a34.909091 34.909091 0 0 1 0-69.818182h58.181818c17.687273 0 32.581818 13.265455 34.676364 30.836364l46.545454 395.636364A34.909091 34.909091 0 0 1 965.818182 1000.727273h-907.636364a34.909091 34.909091 0 0 1-34.676363-38.981818l46.545454-395.636364A34.909091 34.909091 0 0 1 104.727273 535.272727H162.909091a34.909091 34.909091 0 0 1 0 69.818182H135.773091L97.442909 930.909091h829.114182l-38.330182-325.818182zM512 453.818182a128 128 0 1 1 0-256 128 128 0 0 1 0 256z m0-69.818182a58.181818 58.181818 0 1 0 0-116.363636 58.181818 58.181818 0 0 0 0 116.363636z" p-id="3754" fill="#1296db"></path></svg> &nbsp; 中国 · 天津 
</p>  

没有什么技术含量,只是纯粹自己的喜欢~~~嘿嘿


版权声明 ▶ 本网站名称:陶小桃Blog
▶ 本文链接:https://www.52txr.cn/2022/ipsvg.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!
▶ 站长邮箱 [email protected][email protected] ,如不方便留言可邮件联系。

最后修改:2022 年 06 月 14 日
如果觉得我的文章对你有用,请随意赞赏