基于Echarts+HTML5可视化数据大屏展示-智慧消防大屏

效果展示:

代码结构:

主要代码实现

index.html布局

html 复制代码
<!DOCTYPE html>
<html lang="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>智慧消防大屏</title>
    <link href="./static/app.74ee2ad5.css" rel="preload" as="style" />
    <link
            href="./static/chunk-vendors.6438a5d4.css"
            rel="preload"
            as="style"
    />
    <link href="./static/app.bdf8bad6.js" rel="preload" as="script" />
    <link
            href="./static/chunk-vendors.bff9ba8f.js"
            rel="preload"
            as="script"
    />
    <link href="./static/chunk-vendors.6438a5d4.css" rel="stylesheet" />
    <link href="./static/app.74ee2ad5.css" rel="stylesheet" />
    <style type="text/css">
        x-vue-echarts {
            display: block;
            width: 100%;
            height: 100%;
        }
    </style>
    <link rel="stylesheet" href="static/app.74ee2ad5.css">
</head>
<body>
<noscript
><strong
>We're sorry but app2 doesn't work properly without JavaScript enabled.
    Please enable it to continue.</strong
></noscript
>
<div id="app">
    <div
            class="page"
            id="screen"
            style="
          width: 1920px;
          height: 1080px;
          transform: scaleY(0.85463) scaleX(1) translate(-50%, -50%);
        "
    >
        <div class="map"></div>
        <div class="content">
            <div class="head">
                <div class="date">2023.10.08 星期日 10:50:21</div>
                <div class="title">
                    <img
                            src="./img/title.3ad275b0.png"
                            alt=""
                            style="width: 436px; height: 48px"
                    />
                </div>
                <div class="date date2">
                    <img
                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAABrlJREFUaEPtWj1vG0cQfXOm68hVgDRRfoFlpI5JFQECpDCFkHWsOggsdaliukhtuTCQLlZa0jDdpRMp14Gp/AErTYBUkd2Suglmb3dv7nh33KVEVzoIAiXt7c6bzzezImz4+e6Uu0mKpyBsgzGeMw7Hu3S+yWNpk5t3T3j7doJ3hTMYs2GH7m3y3I2C6r3hDqU4YUEg38h8YZ7ii01a66OAKluFE+yOvqLJpqx1AypWs879biwVq7mK9Y3u1z3hrRbhFRE6zLjgBPsv79M49FyfKFSSkHfnKe6Md+kieJ9TPkCKx0TYsmVhv+n9RlD9KUswt/XhDByN2nQYIpBVyowIn/v1jLNhh3ZC3pc1vSm/IOD7UlkYDzu0V7dHLaj+Ce8gwVuTjRkgtZIZkwVjL0TbtlYdANhhYLJIcRTyXiUga3H527CtJSrCqwUlWr6d4D9VYnytMVswZnPGbpWAvVN+QCm6DGwTsG3YhH1EIfKRCON5itd19arKQg4TM/4edcjvWbZYs/ud8kMwfnPATAE1EmVFFIT94X16IR+NRQiPQXgY6lpWOecpYfCyTcfuPUOtGK9Kbp+dyfgARnu4S7No93MvmGC/xBiETwSU0ZZVBQNPxJ1aCR4RMFBxAyTZT8Z19enuB9lIuZOx4C08kaLsrOQtk+kxCJDV+Wq9WisIsLt6dXqJb5MEv4DgA1/JmUnirKteLK/hVMUsYR9s9nukHCMYUDAo615brQRHxOgCOE+BYwJ+tmk2N4cASZ1qGxRWQFYKV8aIgK+Nd0RYyJ22Fk2SzMiEkyVAJUHBOANhwoCuSTvE6CiBwQlAua+ZTwz8CuBfEXSR4kUMAY4GZbIi4US7nI+dbLcPDDxdJYhNBpLqszpYVkgpEa0OknxFNKjehMVCHS8EAZyCiUwETecpuqF1SMTonfIBMZ4WgOlYTHGvKdNVgY0C5QlqMWuZbMjA8ahNcencSmQKPWHiXVInFcZk1KHdjVmqP+G34nYek/1wFUBO2AKDkTqoUn5s/xVsKVcQPWWyLiLVfcHYiXG5Oq17V8yV5arC61GbJOsGPcGg+lM+crXD4LF8MCXsxTD3VVL1JnxuCHCpxsUw+3BQE37nOZw7MJJxrwIkf+9balZ2cU3JVu1jQBnGcEu1B/qtS7yfAxcyFSqzdQDPhm2StHxtjybSZtPcYuYsk6y4iqcA80ucSRhQFXksS8iMP4jwjU/jzuc3NEDpT3hmKJnmicDUylXo77Ss0sjiFvbI+XBV7SuA00TMLV6jhoSY1DenRfIr7OSucGrXJBQA5cxsSv2pONVyI7hkLfsLHYRNjVqI8HVrXFLSyYKBfwj4rE756vdTcqY20Eppw/MxC9r1US62NjWUrLRUij+R4EujCGuusic5EkCFfqlGdSnwPAF++Ggx5WYjyzEljeGjBi8wNM3bRjJgq5W33e5Fadp8tS+3C4TD0X2S+nWtjw8J15BmzamnYWKI8oGLBWaOAMTUqQvhZiYAHY0BpsM2LR1wFYQ+G5dYRXSdChHCD0LywpvF4DVnQN8F5DTMEOaY+A23lKv0lh6pyU40i65T4lIXsCZzCQalB5OmUGgWfQ2xZfd/J930VSiSIyEh3mfWOF7msqAHl+3kx2XBG9qFhW7aIVJdQNOMr+qsYEu5lz2LLh1uy8dg1KYnMaBsg/jKXp/6WsmcddPrdAHRoApdqvN51Sbo+V0TOONuel54jd10NCgRtJIEZ7OKfObOOGcyQ9AJqWkSM4RlS/te3fTl4Ey5kOSha1CIFwSDkq7UXafYefiQCM8dbXEUy823ypSrUhhtnaw8ZAMcxhkv8CO18Lu4pbBvSnDoRtyrgAWBqhnWv4YMN/VIukSfPbF3H1xq0u5qg1GNso8XKQ5ahOIVUEQyWgmqDMiRWdHeqEN3LIUSquTnd8YADTsXwOb87j0nGAjtqrtWNRYKyLKNoAozOWtzTfE1RZJ0zykGhQs2awXditW45bN5ioHjbjbFn1eNzGTLVRmxEVR/wobvOR9WRbH2OsVqucuM7hLAfKP3LAlE7qguMa6aRPmaqAJIsRjjJXWx1QxKNZD+TirgfkgfZlP3T8z4FMBfLzuUTWMDniVgyk3WukmUM3tTHhPwwJ8fCcjuUb6zjRrWVFls1cCn0VJWy0fIbilmlGIQM9cuTF1VYx07BnCXCczYtteqPv6uhSYFeI1fcvPPITHaWrF2ZZ26ylk3lrqK9krvfhxLuXmD7ZpjWvN1sG4UlEnp7hbDMZIV/9ixDojyOxsHZUZvQnxh2vSL2LKwDsj/AaJ4vzUG6eOvAAAAAElFTkSuQmCC"
                            alt=""
                            srcset=""
                            style="width: 25px; height: 25px"
                    />
                    晴 25℃
                </div>
            </div>
            <div class="body">
                <div class="left">
                    <div class="card card1">
                        <div class="card-head">
                            <div class="card-head-icon"></div>
                            <div class="card-head-text">
                                <div class="card-title">今日总数据</div>
                                <div class="card-subtitle">TOTAL DATA FOR TODAY</div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="card1-item">
                                <div class="name">今日入馆</div>
                                <div class="value">
                                    <div class="value1">752</div>
                                    <div class="value1 value2">人</div>
                                </div>
                            </div>
                            <div class="card1-item">
                                <div class="name">今日入馆</div>
                                <div class="value">
                                    <div class="value1">752</div>
                                    <div class="value1 value2">人</div>
                                </div>
                            </div>
                            <div class="card1-item">
                                <div class="name">今日入馆</div>
                                <div class="value">
                                    <div class="value1">752</div>
                                    <div class="value1 value2">人</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card card2">
                        <div class="card-head">
                            <div class="card-head-icon"></div>
                            <div class="card-head-text">
                                <div class="card-title">数据统计</div>
                                <div class="card-subtitle">TOTAL DATA FOR TODAY</div>
                            </div>
                        </div>
                        <div class="card-body">
                            <x-vue-echarts
                                    class="echarts"
                                    _echarts_instance_="ec_1696733386971"
                                    style="
                      width: 100%;
                      height: 100%;
                      user-select: none;
                      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                      position: relative;
                    "
                            ><div
                                    style="
                        position: relative;
                        width: 483px;
                        height: 251px;
                        padding: 0px;
                        margin: 0px;
                        border-width: 0px;
                        cursor: pointer;
                      "
                            >
                                <canvas
                                        data-zr-dom-id="zr_0"
                                        width="483"
                                        height="251"
                                        style="
                          position: absolute;
                          left: 0px;
                          top: 0px;
                          width: 483px;
                          height: 251px;
                          user-select: none;
                          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                          padding: 0px;
                          margin: 0px;
                          border-width: 0px;
                        "
                                ></canvas>
                            </div>
                                <div
                                        class=""
                                        style="
                        position: absolute;
                        display: block;
                        border-style: solid;
                        white-space: nowrap;
                        z-index: 9999999;
                        box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px;
                        transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1)
                            0s,
                          visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s,
                          transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
                        background-color: rgb(255, 255, 255);
                        border-width: 1px;
                        border-radius: 4px;
                        color: rgb(102, 102, 102);
                        font: 14px / 21px 'Microsoft YaHei';
                        padding: 10px;
                        top: 0px;
                        left: 0px;
                        transform: translate3d(338px, 143px, 0px);
                        border-color: rgb(255, 180, 81);
                        pointer-events: none;
                        visibility: hidden;
                        opacity: 0;
                      "
                                >
                                    <div style="margin: 0px 0 0; line-height: 1">
                                        <div
                                                style="
                            font-size: 14px;
                            color: #666;
                            font-weight: 400;
                            line-height: 1;
                          "
                                        >
                                            入馆
                                        </div>
                                        <div style="margin: 10px 0 0; line-height: 1">
                                            <div style="margin: 0px 0 0; line-height: 1">
                            <span
                                    style="
                                display: inline-block;
                                margin-right: 4px;
                                border-radius: 10px;
                                width: 10px;
                                height: 10px;
                                background-color: #ffb451;
                              "
                            ></span
                            ><span
                                                    style="
                                font-size: 14px;
                                color: #666;
                                font-weight: 400;
                                margin-left: 2px;
                              "
                                            >6月5日</span
                                            ><span
                                                    style="
                                float: right;
                                margin-left: 20px;
                                font-size: 14px;
                                color: #666;
                                font-weight: 900;
                              "
                                            >250</span
                                            >
                                                <div style="clear: both"></div>
                                            </div>
                                            <div style="clear: both"></div>
                                        </div>
                                        <div style="clear: both"></div>
                                    </div></div
                                ></x-vue-echarts>
                        </div>
                    </div>
                    <div class="card card3">
                        <div class="card-head">
                            <div class="card-head-icon"></div>
                            <div class="card-head-text">
                                <div class="card-title"></div>
                                <div class="card-subtitle">TOTAL DATA FOR TODAY</div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="card3-item">
                                <div class="name">1.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">2.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">3.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">4.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">5.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(251, 114, 147);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">6.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">7.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">8.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">9.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                            <div class="card3-item">
                                <div class="name">10.梁溪区分馆</div>
                                <div
                                        data-v-d5014e54=""
                                        class="processBox"
                                        style="width: 330px"
                                >
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                    <div
                                            data-v-d5014e54=""
                                            class="qg"
                                            style="
                          width: 4.125px;
                          margin-right: 4.125px;
                          background-color: rgb(0, 255, 255);
                        "
                                    ></div>
                                </div>
                                <div class="day">30天</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="center">
                    <div class="box1">
                        <div class="left1"></div>
                        <div class="left2"></div>
                        <div class="right1"></div>
                        <div class="right2"></div>
                        <div class="name">在线状态</div>
                        <div class="box1-item box1-item1">
                            <img
                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA5CAYAAACF8yP/AAAAAXNSR0IArs4c6QAAArdJREFUaEPtm911mzAUx/8XD9B0gtIJmk5Qc0ie2w3SbJC+xy6B7hF3gvS95tjdoN0g2cAdwKgHFLBSCwwCxJd44tjo43f/V1dXSBDSa728AnADwnn22zhuHgGs4Pp3KQ4lN+HiHqDP42DMoWBsi4vAif8lrG8/gayHUQMf4O7g+h4hXGwB+jAR6B1c/zUhXLKJAHNMy3ovh44iB5fftoM3hkzQKHIMdKasUXrATm7c+1m8Xo/pcMGTJTdYKfvaoJROgOmew7JrZfDBQL8ATjVWBB8EtBQ4Fpv9xWxmw/F2lVy999DFwHM43u9KwMlCSpJt9iaQtQGsFXrjnSPaX8ENvpRSpi1gbdAJcLQBcAawFdzguhC8TWAt0C+As6ibD942sBbo3HW5RHEdwFqgN94Zon38QuLdsUsL4LqAtUDHjZwCB34dMi3BNHweVpuWioKGtimrEFzSw7aAtSmdMpUFbxNYO/RJV89Sy+ZdWnQmbe4tNpqneNsKp33oBFqmuC7gTtxbpjiD3UqUzovgnSktBjcgXh5WXy2VSuIlD3UOrdrxOuUM9LP1erOerqNmLzKytgBU6jXubdxb/vJseruWDDewmL75VGW8linD6Hi7OYne68UORK/K1DGKZyzrLWG9/AHCx1EAnYRgT3ADm/Dzdg7Lit9gTuDi20PpkSphw2yk7AzfceEnO6Ecmi8BbewjD8TsZrDrnlhifwBU27uSdZzRI1i0EmejA3QzpIda6p5aavEIiIFuVGyjtII5jXsrGK2gSHNjOo7+bP8ma0uWAlbpu5gK0+wJjhcfYW7kag46XHoAvjbSq+NKktO7TdVtoGtZchJK8y1XYQyzOYjmtQyXVzg+lU//LROFzxOqtqnu3l0fjnd95b4rF+z8iwADXc3BjdKV7MUDWUPL0Eot84drzNv/AAvLdwZ2tvNiAAAAAElFTkSuQmCC"
                                    alt=""
                                    srcset=""
                            />
                            <div class="value">
                                <div class="value1">在线</div>
                                <div class="value2">70家</div>
                            </div>
                        </div>
                        <div class="box1-item box1-item2">
                            <img
                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA5CAYAAACF8yP/AAAAAXNSR0IArs4c6QAAAvdJREFUaEPtmlFy2jAQhv9lyHN7BDhB0wM0mBvQKTyX3ICcIMkNeoPQZ9MZ3wBID1B6gqY3SJ+h3s462FBjbNkSMgH5AWbAkvfb/SXtyiKsr0+P3GuEuAXhMv7tZL4ZARj3fpcWwkTyMZjxAwjDk4HcAxISPn67ooD639mjENNTBxY+ZjyvGG0azHkGoHMO0BE44Uag+VyA15zzTGjxBgjRoH/VV4ghAZ9TDHugG+hOPpDI/lVf/TnfEXDroAEX6UQFbEjevSm3gi49lRkjvSm/lfuDLj2XaZd1r3V5D6Z8yYQpAYHv0bUKgABf0EvO4Hv0XqVN3j1WoRNgQhQ1MMZF4AlwnAYrtClyijVokXST8INi4NiyHIgdYIU2RcDyv01okegMhHc7hmWA7wWOBIKvkw5VrgmsQQvoGqQQ/JDAViMdR7cIfMm4iSatjFJWN8KxDVYjrQIuFc/OuDcg6e0hVQt0odRTg95UhGuNtErENxO13qR1FMlJ2ghZyi4a+JW51DCefI/aKstQmXtqk/eWxDMnrQTCQDKSdkht0HnLkso6XiayRwGdC8z4A8KbQ4Jbj3RR4rEKMSqTuVWJuFXoIuA4tSxKYIqKlCJHWINWBVZZzhi4n3Torghu3//WoKWsxEvB8d94zUs89kVcN1mxBi1eT4OrGL8Dzvjpe6T1iskq9DY4EwLV8jABB7BkeLpbRtah10nJee2RVZ18TLarJdImAar05aA3XnOb/ZuCx9BmfxVJmmzj5O3kfZYv5We8yNyYNzm4jqgvKWJo8MhDMB6OyK6DmrIM0Y6OVPXnPM44pnDQh9fSOeHavyJhfbmi6Z0xytzCqcVCcw9lxm9uYCRnyKTXBHqrqG81m2jpPpL+4ovOXCHlKBoY69qxWmGRrtZ2oHUfErfXPZ+mu2uSx+GgTUVZ+nGRruBNJ+8KTrMypg99mtjvkLH5x1hHDtqwHKU7F2lNp1aWt+6SpGm3HLeq/MrHQZfxvot0GW8ZutfJu6Qj/wE5LZ8HCxY+zgAAAABJRU5ErkJggg=="
                                    alt=""
                                    srcset=""
                            />
                            <div class="value">
                                <div class="value1">离线</div>
                                <div class="value2">11家</div>
                            </div>
                        </div>
                    </div>
                    <div class="box1 box2">
                        <div class="left1"></div>
                        <div class="left2"></div>
                        <div class="right1"></div>
                        <div class="right2"></div>
                        <div class="name">在线状态</div>
                        <div class="box2-item">
                            <div class="box2-item-name">梁溪区少儿分馆</div>
                            <div class="box2-item-value">3小时</div>
                        </div>
                        <div class="box2-item">
                            <div class="box2-item-name">梁溪区少儿分馆</div>
                            <div class="box2-item-value">3小时</div>
                        </div>
                        <div class="box2-item">
                            <div class="box2-item-name">梁溪区少儿分馆</div>
                            <div class="box2-item-value">3小时</div>
                        </div>
                        <div class="box2-item">
                            <div class="box2-item-name">梁溪区少儿分馆</div>
                            <div class="box2-item-value">3小时</div>
                        </div>
                        <div class="box2-item">
                            <div class="box2-item-name">梁溪区少儿分馆</div>
                            <div class="box2-item-value">3小时</div>
                        </div>
                        <div class="box2-item">
                            <div class="box2-item-name">梁溪区少儿分馆</div>
                            <div class="box2-item-value">3小时</div>
                        </div>
                        <div class="box2-item">
                            <div class="box2-item-name">梁溪区少儿分馆</div>
                            <div class="box2-item-value">3小时</div>
                        </div>
                    </div>
                    <div class="box3">
                        <div class="name">在线状态</div>
                        <div class="box3-item active">
                            <div class="icon"></div>
                            <div class="text">在线</div>
                        </div>
                        <div class="box3-item">
                            <div class="icon"></div>
                            <div class="text">离线</div>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="card card4">
                        <div class="card-head">
                            <div class="card-head-icon"></div>
                            <div class="card-head-text">
                                <div class="card-title">图书馆简介</div>
                                <div class="card-subtitle">LIBRARY INTRODUCTION</div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div>
                                <div class="el-carousel el-carousel--horizontal">
                                    <div class="el-carousel__container" style="height: 262px">
                                        <button
                                                type="button"
                                                class="el-carousel__arrow el-carousel__arrow--left"
                                                style="display: none"
                                        >
                                            <i class="el-icon-arrow-left"></i></button
                                        ><button
                                            type="button"
                                            class="el-carousel__arrow el-carousel__arrow--right"
                                            style="display: none"
                                    >
                                        <i class="el-icon-arrow-right"></i>
                                    </button>
                                        <div
                                                class="el-carousel__item is-animating"
                                                style="transform: translateX(483px) scale(1)"
                                        >
                                            <!----><img
                                                src="./static/2x.4e1d7985.png"
                                                alt=""
                                                style="width: 496px; height: 234px"
                                        />
                                        </div>
                                        <div
                                                class="el-carousel__item"
                                                style="transform: translateX(-483px) scale(1)"
                                        >
                                            <!----><img
                                                src="./static/2x.4e1d7985.png"
                                                alt=""
                                                style="width: 496px; height: 234px"
                                        />
                                        </div>
                                        <div
                                                class="el-carousel__item is-active is-animating"
                                                style="transform: translateX(0px) scale(1)"
                                        >
                                            <!----><img
                                                src="./static/2x.4e1d7985.png"
                                                alt=""
                                                style="width: 496px; height: 234px"
                                        />
                                        </div>
                                    </div>
                                    <ul
                                            class="el-carousel__indicators el-carousel__indicators--horizontal"
                                    >
                                        <li
                                                class="el-carousel__indicator el-carousel__indicator--horizontal"
                                        >
                                            <button class="el-carousel__button"><!----></button>
                                        </li>
                                        <li
                                                class="el-carousel__indicator el-carousel__indicator--horizontal"
                                        >
                                            <button class="el-carousel__button"><!----></button>
                                        </li>
                                        <li
                                                class="el-carousel__indicator el-carousel__indicator--horizontal is-active"
                                        >
                                            <button class="el-carousel__button"><!----></button>
                                        </li>
                                    </ul>
                                </div>
                                <div class="seamless-warp">
                                    <!---->
                                    <!---->
                                    <div
                                            style="
                          transform: translate(0px, -114px);
                          transition: all 0ms ease-in 0s;
                          overflow: hidden;
                        "
                                    >
                                        <div style="overflow: hidden">
                                            <div class="text">
                                                梁溪区图书馆总馆位于人民东路328号,民丰分管位于民丰路200号,馆总藏量达到150万册件,其中纸质图书110万册,期刊和报纸459种,并购有汇雅电子书、云图有声、名师讲坛、读秀学术检索等数字资源。馆内设有成人借阅室、少儿借阅室、报刊阅览室、电子阅览室、未成年人成长指导中心、多功能厅、休闲书吧等多个配套服务场所和设施,常年举办讲座报告会、中小型展览、读者互动娱乐等市民喜闻乐见的活动。
                                            </div>
                                            <div class="text">
                                                梁溪区图书馆总馆位于人民东路328号,民丰分管位于民丰路200号,馆总藏量达到150万册件,其中纸质图书110万册,期刊和报纸459种,并购有汇雅电子书、云图有声、名师讲坛、读秀学术检索等数字资源。馆内设有成人借阅室、少儿借阅室、报刊阅览室、电子阅览室、未成年人成长指导中心、多功能厅、休闲书吧等多个配套服务场所和设施,常年举办讲座报告会、中小型展览、读者互动娱乐等市民喜闻乐见的活动。
                                            </div>
                                        </div>
                                        <div style="overflow: hidden">
                                            <div class="text">
                                                梁溪区图书馆总馆位于人民东路328号,民丰分管位于民丰路200号,馆总藏量达到150万册件,其中纸质图书110万册,期刊和报纸459种,并购有汇雅电子书、云图有声、名师讲坛、读秀学术检索等数字资源。馆内设有成人借阅室、少儿借阅室、报刊阅览室、电子阅览室、未成年人成长指导中心、多功能厅、休闲书吧等多个配套服务场所和设施,常年举办讲座报告会、中小型展览、读者互动娱乐等市民喜闻乐见的活动。
                                            </div>
                                            <div class="text">
                                                梁溪区图书馆总馆位于人民东路328号,民丰分管位于民丰路200号,馆总藏量达到150万册件,其中纸质图书110万册,期刊和报纸459种,并购有汇雅电子书、云图有声、名师讲坛、读秀学术检索等数字资源。馆内设有成人借阅室、少儿借阅室、报刊阅览室、电子阅览室、未成年人成长指导中心、多功能厅、休闲书吧等多个配套服务场所和设施,常年举办讲座报告会、中小型展览、读者互动娱乐等市民喜闻乐见的活动。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card card5">
                        <div class="card-head">
                            <div class="card-head-icon"></div>
                            <div class="card-head-text">
                                <div class="card-title">本月热门图书排行榜</div>
                                <div class="card-subtitle">BOOK RANKING LIST</div>
                            </div>
                        </div>
                        <div class="card-body">
                            <table class="book-rank-table">
                                <thead>
                                <tr>
                                    <th class="index">排名</th>
                                    <th class="name">书名</th>
                                    <th class="author">作者</th>
                                    <th class="count">借阅册次</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="index" style="color: rgb(255, 180, 81)">
                                        1.
                                    </td>
                                    <td class="name" style="color: rgb(255, 180, 81)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(255, 180, 81)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(255, 180, 81)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(255, 180, 81)">
                                        2.
                                    </td>
                                    <td class="name" style="color: rgb(255, 180, 81)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(255, 180, 81)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(255, 180, 81)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(255, 180, 81)">
                                        3.
                                    </td>
                                    <td class="name" style="color: rgb(255, 180, 81)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(255, 180, 81)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(255, 180, 81)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(85, 193, 255)">
                                        4.
                                    </td>
                                    <td class="name" style="color: rgb(85, 193, 255)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(85, 193, 255)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(85, 193, 255)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(85, 193, 255)">
                                        5.
                                    </td>
                                    <td class="name" style="color: rgb(85, 193, 255)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(85, 193, 255)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(85, 193, 255)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(85, 193, 255)">
                                        6.
                                    </td>
                                    <td class="name" style="color: rgb(85, 193, 255)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(85, 193, 255)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(85, 193, 255)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(85, 193, 255)">
                                        7.
                                    </td>
                                    <td class="name" style="color: rgb(85, 193, 255)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(85, 193, 255)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(85, 193, 255)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(85, 193, 255)">
                                        8.
                                    </td>
                                    <td class="name" style="color: rgb(85, 193, 255)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(85, 193, 255)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(85, 193, 255)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(85, 193, 255)">
                                        9.
                                    </td>
                                    <td class="name" style="color: rgb(85, 193, 255)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(85, 193, 255)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(85, 193, 255)">
                                        23
                                    </td>
                                </tr>
                                <tr>
                                    <td class="index" style="color: rgb(85, 193, 255)">
                                        10.
                                    </td>
                                    <td class="name" style="color: rgb(85, 193, 255)">
                                        市民安全救护手册
                                    </td>
                                    <td class="author" style="color: rgb(85, 193, 255)">
                                        中国红十字
                                    </td>
                                    <td class="count" style="color: rgb(85, 193, 255)">
                                        23
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="./static/chunk-vendors.bff9ba8f.js"></script>
<script src="./static/app.bdf8bad6.js"></script>
</body>
</html>

作品来自于网络收集、侵权立删

相关推荐
杨超越luckly2 小时前
HTML应用指南:利用POST请求获取全国索尼体验型零售店位置信息
前端·arcgis·html·数据可视化·门店数据
ObjectX前端实验室2 小时前
【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢
前端·计算机图形学·图形学
ikun778g2 小时前
uniapp设置安全区
前端·javascript·vue.js·ui·uni-app
IT_陈寒3 小时前
React Hooks 实战:这5个自定义Hook让我开发效率提升了40%
前端·人工智能·后端
三月的一天3 小时前
React单位转换系统:设计灵活的单位系统与单位系统转换方案
前端·javascript·react.js
xiaoyan20153 小时前
2025最新款Electron38+Vite7+Vue3+ElementPlus电脑端后台系统Exe
前端·vue.js·electron
梅孔立3 小时前
本地多版本 Node.js 切换指南:解决 Vue nodejs 等项目版本冲突问题
前端·vue.js·node.js
小红3 小时前
从乱码到清晰:深入理解字符编码的演进(ASCII到UTF-8)
前端
卓码软件测评4 小时前
K6的CI/CD集成在云原生应用的性能测试应用
前端·功能测试·测试工具·ci/cd·云原生