fix qrcode
This commit is contained in:
parent
a8d10ba73c
commit
17683b6d80
File diff suppressed because it is too large
Load Diff
@ -78,48 +78,5 @@
|
||||
}
|
||||
|
||||
/* 样式文件 */
|
||||
#ember-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#qr-code {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
width: 200px;
|
||||
height: 220px; /* 调整为 auto 以适应内容 */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.qr-text {
|
||||
margin-bottom: 1.5px; /* 在文本和二维码之间添加一些间距 */
|
||||
color: #333; /* 文本颜色 */
|
||||
font-size: 14px; /* 文本大小 */
|
||||
text-align: center; /* 确保文本居中 */
|
||||
}
|
||||
|
||||
#qr-code img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#ember-container:hover #qr-code,
|
||||
#ember-container:focus #qr-code {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
48
index.html
48
index.html
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user