account log in 图标咋做出来的？

12344

如下图图标，如何用代码写出来？

Yiwong99 · 发表于 2021-12-20 16:12:38

本帖最后由 Yiwong99 于 2021-12-20 17:01 编辑

1.在线商店>主题>编辑代码> header.liquid。

<a href="/account/login" class="site-header__icon site-header__account">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-login" viewBox="0 0 28.33 37.68"><path d="M14.17 14.9a7.45 7.45 0 1 0-7.5-7.45 7.46 7.46 0 0 0 7.5 7.45zm0-10.91a3.45 3.45 0 1 1-3.5 3.46A3.46 3.46 0 0 1 14.17 4zM14.17 16.47A14.18 14.18 0 0 0 0 30.68c0 1.41.66 4 5.11 5.66a27.17 27.17 0 0 0 9.06 1.34c6.54 0 14.17-1.84 14.17-7a14.18 14.18 0 0 0-14.17-14.21zm0 17.21c-6.3 0-10.17-1.77-10.17-3a10.17 10.17 0 1 1 20.33 0c.01 1.23-3.86 3-10.16 3z"></path></svg>
<span class="icon__fallback-text">Log in</span>
</a>

复制代码

sophiettw1026 · 发表于 2021-12-20 16:23:10

Yiwong99 发表于 2021-12-20 16:12
Log in

这是在哪个位置插入呢？

木木-前端 · 发表于 2021-12-20 16:27:02

sophiettw1026 发表于 2021-12-20 16:23
这是在哪个位置插入呢？

看你自己需求了想加在哪里就去找哪一部分代码，给<svg>设置宽高，再加点代码定位到你想要的位置。

Dyn · 发表于 2022-3-22 14:29:04

提问：account log in 图标点击进去注册后，为什么不能正常注册呀，是缺少哪个部分么？怎么解决呢