110 lines
51 KiB
Plaintext
110 lines
51 KiB
Plaintext
|
|
|||
|
|
.container.data-v-0e0dc370 {
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
.header.data-v-0e0dc370 {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
opacity: 1;
|
|||
|
|
height: 40px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.header-text.data-v-0e0dc370 {
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
letter-spacing: 0px;
|
|||
|
|
height: 17.38px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
color: rgba(52, 152, 255, 1);
|
|||
|
|
background: rgba(204, 230, 255, 1);
|
|||
|
|
border-radius: 23.5px;
|
|||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|||
|
|
padding: 11.31px;
|
|||
|
|
}
|
|||
|
|
.device-list.data-v-0e0dc370 {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.scroll-view.data-v-0e0dc370 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
/* 或者设置一个固定高度，例如：300px */
|
|||
|
|
}
|
|||
|
|
.device-item.data-v-0e0dc370 {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
padding: 5px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
border: 1px solid #cccccc;
|
|||
|
|
/* 按钮边框色 */
|
|||
|
|
border-radius: 20px;
|
|||
|
|
/* 按钮圆角 */
|
|||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|||
|
|
background: rgba(255, 255, 255, 1);
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
.device-icon.data-v-0e0dc370 {
|
|||
|
|
width: 20px;
|
|||
|
|
/* 图标宽度 */
|
|||
|
|
height: 20px;
|
|||
|
|
/* 图标高度 */
|
|||
|
|
margin-right: 10px;
|
|||
|
|
/* 图标与文字之间的间距 */
|
|||
|
|
opacity: 1;
|
|||
|
|
background: whitesmoke;
|
|||
|
|
border-radius: 25px;
|
|||
|
|
padding: 5px;
|
|||
|
|
}
|
|||
|
|
.device-text.data-v-0e0dc370 {
|
|||
|
|
flex: 1;
|
|||
|
|
/* 让文字占据剩余空间 */
|
|||
|
|
font-size: 16px;
|
|||
|
|
/* 文字大小 */
|
|||
|
|
color: #333333;
|
|||
|
|
/* 文字颜色 */
|
|||
|
|
}
|
|||
|
|
.loading-model.data-v-0e0dc370 {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 2000;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.lm-box.data-v-0e0dc370 {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
width: 360rpx;
|
|||
|
|
height: 260rpx;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|||
|
|
position: absolute;
|
|||
|
|
top: 34%;
|
|||
|
|
left: calc(50% - 180rpx);
|
|||
|
|
}
|
|||
|
|
.loading-title.data-v-0e0dc370{
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
margin-top: 24rpx;
|
|||
|
|
color: rgba(255,255,255,0.8);
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
.loading.data-v-0e0dc370 {
|
|||
|
|
width: 80rpx;
|
|||
|
|
height: 80rpx;
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
animation: loading-0e0dc370 1s steps(30) infinite;
|
|||
|
|
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0zMC41IDIuODU5MzhDMzIuNDA2MiAyLjg1OTM4IDMzLjM1OTQgMy44MTI1IDMzLjM1OTQgNS43MTg3NUwzMy4zNTk0IDE0LjI5NjlDMzMuMzU5NCAxNi4yMDMxIDMyLjQwNjIgMTcuMTU2MiAzMC41IDE3LjE1NjJDMjguNTkzOCAxNy4xNTYyIDI3LjY0MDYgMTYuMjAzMSAyNy42NDA2IDE0LjI5NjlMMjcuNjQwNiA1LjcxODc1QzI3LjY0MDYgMy44MTI1IDI4LjU5MzggMi44NTkzOCAzMC41IDIuODU5MzhaIiAgIGZpbGw9IiNGNUY1RjUiID4KPC9wYXRoPgo8cGF0aCBkPSJNMzAuNSA0Mi44OTA3QzMyLjQwNjIgNDIuODkwNyAzMy4zNTk0IDQzLjg0MzggMzMuMzU5NCA0NS43NUwzMy4zNTk0IDU0LjMyODFDMzMuMzU5NCA1Ni4yMzQ0IDMyLjQwNjIgNTcuMTg3NSAzMC41IDU3LjE4NzVDMjguNTkzOCA1Ny4xODc1IDI3LjY0MDYgNTYuMjM0NCAyNy42NDA2IDU0LjMyODFMMjcuNjQwNiA0NS43NUMyNy42NDA2IDQzLjg0MzggMjguNTkzOCA0Mi44OTA3IDMwLjUgNDIuODkwN1oiICAgZmlsbD0iI0JGQkZCRiIgPgo8L3BhdGg+CjxwYXRoIGQ9Ik01Ny42NjQxIDMwLjAyMzRDNTcuNjY0MSAzMC4wNzAyIDU3LjY2MjkgMzAuMTE3IDU3LjY2MDYgMzAuMTYzN0M1Ny42NTgzIDMwLjIxMDUgNTcuNjU0OSAzMC4yNTcxIDU3LjY1MDMgMzAuMzAzN0M1Ny42NDU3IDMwLjM1MDMgNTcuNjM5OSAzMC4zOTY3IDU3LjYzMzEgMzAuNDQzQzU3LjYyNjIgMzAuNDg5MyA1Ny42MTgyIDMwLjUzNTQgNTcuNjA5MSAzMC41ODEzQzU3LjYgMzAuNjI3MiA1Ny41ODk3IDMwLjY3MjggNTcuNTc4MyAzMC43MTgyQzU3LjU2NyAzMC43NjM2IDU3LjU1NDUgMzAuODA4NyA1Ny41NDA5IDMwLjg1MzVDNTcuNTI3MyAzMC44OTgyIDU3LjUxMjcgMzAuOTQyNyA1Ny40OTY5IDMwLjk4NjdDNTcuNDgxMSAzMS4wMzA4IDU3LjQ2NDMgMzEuMDc0NCA1Ny40NDY0IDMxLjExNzdDNTcuNDI4NSAzMS4xNjA5IDU3LjQwOTUgMzEuMjAzNyA1Ny4zODk1IDMxLjI0NkM1Ny4zNjk1IDMxLjI4ODMgNTcuMzQ4NSAzMS4zMzAxIDU3LjMyNjQgMzEuMzcxM0M1Ny4zMDQ0IDMxLjQxMjYgNTcuMjgxMyAzMS40NTMzIDU3LjI1NzIgMzEuNDkzNUM1Ny4yMzMyIDMxLjUzMzYgNTcuMjA4MiAzMS41NzMxIDU3LjE4MjIgMzEuNjEyQzU3LjE1NjIgMzEuNjUwOSA1Ny4xMjkyIDMxLjY4OTIgNTcuMTAxNCAzMS43MjY4QzU3LjA3MzUgMzEuNzY0NCA1Ny4wNDQ3IDMxLjgwMTIgNTcuMDE1IDMxLjgzNzRDNTYuOTg1MyAzMS44NzM2IDU2Ljk1NDggMzEuOTA5IDU2LjkyMzQgMzEuOTQzN0M1Ni44OTE5IDMxLjk3ODQgNTYuODU5NiAzMi4wMTIyIDU2LjgyNjYgMzIuMDQ1M0M1Ni43OTM1IDMyLjA3ODQgNTYuNzU5NiAzMi4xMTA3IDU2LjcyNDkgMzIuMTQyMUM1Ni42OTAzIDMyLjE3MzUgNTYuNjU0OCAzMi4yMDQxIDU2LjYxODcgMzIuMjMzN0M1Ni41ODI1IDMyLjI2MzQgNTYuNTQ1NiAzMi4yOTIyIDU2LjUwOCAzMi4zMjAxQzU2LjQ3MDQgMzIuMzQ4IDU2LjQzMjEgMzIuMzc0OSA1Ni4zOTMyIDMyLjQwMDlDNTYuMzU0MyAzMi40MjY5IDU2LjMxNDggMzIuNDUxOSA1Ni4yNzQ3IDMyLjQ3NkM1Ni4yMzQ1IDMyLjUwMDEgNTYuMTkzOSAzMi41MjMxIDU2LjE1MjYgMzIuNTQ1MkM1Ni4xMTEzIDMyLjU2NzIgNTYuMDY5NSAzMi41ODgzIDU2LjAyNzIgMzIuNjA4MkM1NS45ODQ5IDMyLjYyODMgNTUuOTQyMSAzMi42NDcyIDU1Ljg5ODkgMzIuNjY1MUM1NS44NTU3IDMyLjY4MzEgNTUuODEyIDMyLjY5OTkgNTUuNzY4IDMyLjcxNTdDNTUuNzIzOSAzMi43MzE0IDU1LjY3OTUgMzIuNzQ2MSA1NS42MzQ3IDMyLjc1OTdDNTUuNTg5OSAzMi43NzMzIDU1LjU0NDggMzIuNzg1OCA1NS40OTk0IDMyLjc5NzFDNTUuNDU0MSAzMi44MDg1IDU1LjQwODQgMzIuODE4OCA1NS4zNjI1IDMyLjgyNzlDNTUuMzE2NiAzMi44MzcgNTUuMjcwNSAzMi44NDUgNTUuMjI0MiAzMi44NTE4QzU1LjE3NzkgMzIuODU4NyA1NS4xMzE1IDMyLjg2NDQgNTUuMDg1IDMyLjg2OUM1NS4wMzg0IDMyLjg3MzYgNTQuOTkxNyAzMi44NzcgNTQuOTQ1IDMyLjg3OTRDNTQuODk4MiAzMi44ODE3IDU0Ljg1MTQgMzIuODgyOCA1NC44MDQ3IDMyLjg4MjhMNDYuMjI2NiAzMi44ODI4QzQ2LjE3OTggMzIuODgyOCA0Ni4xMzMgMzIuODgxNyA0Ni4wODYzIDMyLjg3OTRDNDYuMDM5NSAzMi44NzcgNDUuOTkyOSAzMi44NzM2IDQ1Ljk0NjMgMzIuODY5QzQ1Ljg5OTcgMzIuODY0NCA0NS44NTMzIDMyLjg1ODcgNDUuODA3IDMyLjg1MThDNDUuNzYwNyAzMi44NDUgNDUuNzE0NiAzMi44MzcgNDUuNjY4NyAzMi44Mjc5QzQ1LjYyMjggMzIuODE4OCA0NS41NzcyIDMyLjgwODUgNDUuNTMxOCAzMi43OTcxQzQ1LjQ4NjQgMzIuNzg1OCA0NS40NDEzIDMyLjc3MzMgNDUuMzk2NSAzMi43NTk3QzQ1LjM1MTcgMzIuNzQ2MSA0NS4zMDczIDMyLjczMTQgNDUuMjYzMiAzMi43MTU3QzQ1LjIxOTIgMzIuNjk5OSA0NS4xNzU2IDMyLjY4MzEgNDUuMTMyMyAzMi42NjUxQzQ1LjA4OTEgMzIuNjQ3MiA0NS4wNDYzIDMyLjYyODMgNDUuMDA0IDMyLjYwODJDNDQuOTYxNyAzMi41ODgzIDQ0LjkxOTkgMzIuNTY3MiA0NC44Nzg3IDMyLjU0NTJDNDQuODM3NCAzMi41MjMxIDQ0Ljc5NjcgMzIuNTAwMSA0NC43NTY1IDMyLjQ3NkM0NC43MTY0IDMyLjQ1MTkgNDQuNjc2OSAzMi40MjY5IDQ0LjYzOCAzMi40MDA5QzQ0LjU5OTEgMzIuMzc0OSA0NC41NjA4IDMyLjM0OCA0NC41MjMyIDMyLjMyMDFDNDQuNDg1NiAzMi4yOTIyIDQ0LjQ0ODggMzIuMjYzNCA0NC40MTI2IDMyLjIzMzdDNDQuMzc2NCAzMi4yMDQxIDQ0LjM0MSAzMi4xNzM1IDQ0LjMwNjMgMzIuMTQyMUM0NC4yNzE2IDMyLjExMDcgNDQuMjM3OCAzMi4wNzg0IDQ0LjIwNDcgMzIuMDQ1M0M0NC4xNzE2IDMyLjAxMjIgNDQuMTM5MyAzMS45Nzg0IDQ0LjEwNzkgMzE
|
|||
|
|
background-size: 100%;
|
|||
|
|
}
|
|||
|
|
@keyframes loading-0e0dc370 {
|
|||
|
|
0% {
|
|||
|
|
transform: rotate(0deg);
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
transform: rotate(1turn);
|
|||
|
|
}
|
|||
|
|
}
|