master

分支 (1)

管理

管理

master

vue-web-navigation
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="./assets/icon.ico" type="image/x-icon">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>热评</title>
</head>

<style>
    body
    {
        background-image:url('./assets/bgimage.jpg');
        background-size: cover;
        background-repeat:no-repeat;
        background-color:#ffffff;
    }
    </style>

<body>
    <div id="app">
        <div class="left-nav">
            <div class="head-image" :style="{backgroundImage:'url('+settings.headImage+')'}"></div>
        </div>
        <div class="main-container">
            <div class="center-container">
                <!-- 热评展示框部分 -->
                <div class="search-box">
                    <!-- 热评内容及作者框 -->
                    <div class="advice_box" @click="hotreview()">
                        <div class="content">{{hotreviewData.hitokoto}}</div>
                        <div class="source">--{{hotreviewData.from_who || from}}</div>
                    </div>
                </div>
                <!-- 网站列表部分 -->
                <div class="sites-container">
                    <div class="second-kind" v-for="kind_val,kind_name,_ in sitesData">
                        <div class="kind-name">
                            <div class="icon" :style="{backgroundImage:'url('+kind_val.icon+')'}"></div>
                            <div class="name">{{kind_name}}</div>
                        </div>
                        <div class="sites-box">
                            <div @click="open(site_val.url)" class="site-box" v-for="site_val in kind_val.data">
                                <div class="icon" :data-original="site_val.icon">
                                </div>
                                <div class="info">
                                    <div class="name">{{site_val.name}}</div>
                                    <div class="describe">{{site_val.describe}}</div>
                                </div>
                            </div>
                            <div class="site-box not_show" v-for="i in 10"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
<footer>
    <script src="https://cdn.jsdelivr.net/npm/vue@3.3.4/dist/vue.global.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-lazyload@1.9.7/jquery.lazyload.min.js"></script>
    <script src="./js/index.js"></script>
</footer>

</html>