mirror of
https://github.com/caojiezi2003/live2d-widget.git
synced 2024-11-10 04:49:47 +00:00
Upgrade to Font Awesome 6
This commit is contained in:
parent
d3b8554056
commit
865ecc50da
@ -28,10 +28,10 @@ Add Live2D widget to web page. Compatible with PJAX.
|
|||||||
|
|
||||||
## 依赖 Dependencies
|
## 依赖 Dependencies
|
||||||
|
|
||||||
本插件需要 Font Awesome (v4 或 v5) 图标支持,请确保相关样式表已在页面中加载。以 Font Awesome v4 为例,请在 `<head>` 中加入:
|
本插件需要 Font Awesome 图标支持,请确保相关样式表已在页面中加载。以 Font Awesome v6 为例,请在 `<head>` 中加入:
|
||||||
Font Awesome (v4 or v5) is required for this plugin. Take Font Awesome v4 as an example, please add the following in `<head>`:
|
Font Awesome is required for this plugin. Take Font Awesome v6 as an example, please add the following in `<head>`:
|
||||||
```xml
|
```xml
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css">
|
||||||
```
|
```
|
||||||
否则图标将无法正常显示。(如果网页中已经加载了任何版本的 Font Awesome,就不要重复加载了)
|
否则图标将无法正常显示。(如果网页中已经加载了任何版本的 Font Awesome,就不要重复加载了)
|
||||||
|
|
||||||
|
@ -3,8 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Live2D 看板娘 / Demo</title>
|
<title>Live2D 看板娘 / Demo</title>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/js/all.min.js"></script>
|
|
||||||
<style>
|
<style>
|
||||||
#github svg {
|
#github svg {
|
||||||
transition: all 1s;
|
transition: all 1s;
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<title>看板娘登陆平台</title>
|
<title>看板娘登陆平台</title>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css">
|
||||||
<script src="../live2d.min.js"></script>
|
<script src="../live2d.min.js"></script>
|
||||||
<style>
|
<style>
|
||||||
html, body {
|
html, body {
|
||||||
@ -58,9 +58,7 @@ body {
|
|||||||
}
|
}
|
||||||
#stage button {
|
#stage button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 2em;
|
padding: 0;
|
||||||
height: 2em;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
}
|
||||||
#inner {
|
#inner {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
Loading…
Reference in New Issue
Block a user