【Vue】选项卡案例——NBA新闻

苏卫苏卫苏卫2025-04-08 17:59

【Vue】选项卡案例------NBA新闻：

补充：简单选项卡(点击可跳转)

1、body部分

html 复制代码 
<body>
    <div id='app'>
        <div class="box">

            <!-- 选项卡按钮 -->
            <div class="option">
                <!-- 使用v-for指令遍历list数组，生成按钮 -->
                <!-- 点击按钮时，设置num为item.id -->
                <!-- 根据num和item.id的比较，动态设置按钮的类名 -->
                <button v-for="item in list" @click="num=item.id" :class="{active:num==item.id}">
                    {{item.txt}}
                </button>
            </div>

            <!-- 内容区域 -->
            <div class="content">
                <!-- 使用v-for指令遍历list数组，生成内容块 -->
                <!-- 根据num和item.id的比较，动态显示内容块 -->
                <div v-for="item in list" v-show="num==item.id">
                    <!-- 使用v-for指令遍历item.list2数组，生成子内容块 -->
                    <div v-for="item2 in item.list2">
                        <!-- 根据num和item.id的比较，动态设置子内容块的类名 -->
                        <div :class="{active:num==item.id}">
                            <!-- 显示新闻标题 -->
                            <h3> <a href="">{{item2.title}}</a></h3>
                            <!-- 显示新闻图片和内容 -->
                            <div class="pl">
                                <img :src="item2.img">
                                <a href="">{{item2.content}}</a>
                            </div>

                            <!-- 显示新闻的时间和标签 -->
                            <div class="xm">
                                <span>{{item2.time}}</span>
                                <a href="">{{item2.txt}}</a>
                                <a href="">{{item2.txt1}}</a>
                                <a href="">{{item2.txt2}}</a>
                                <a href="" class="pinglun">{{item2.pinglun}}</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>

2、CSS样式部分

css 复制代码 
<style>
    .box {
        width: 700px;
        margin: auto;
    }

    .option {
        position: sticky;
        top: 0;
        background-color: white;
        width: 700px;
        border-bottom: 1px solid #888;
    }

    .option button {
        background-color: white;
        border: none;
        width: 75px;
        height: 50px;
        font-size: larger;
    }

    .option .active {
        border-bottom: 2px solid blue;
        color: blue;
    }

    .content .active {
        padding: 10px 0 20px 0;
        border-bottom: 1px solid #888;
        width: 700px;
    }

    .content .active:hover {
        background-color: #F8F8F8;
    }

    .content .active .pl {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
        flex-shrink: 0;
    }

    .content div .pl img {
        margin-right: 20px;
        flex-shrink: 0;
        width: 130px;
        height: 80px;
    }

    .active a {
        color: black;
        text-decoration: none;
    }

    .active a:hover {
        color: red;
    }

    .content span {
        margin-right: 15px;
    }

    .content .active .xm {
        font-size: small;
    }

    .content .active .xm a {
        margin-left: 10px;
    }

    .content .active .xm .pinglun {
        float: right;
    }
</style>

3、全部部分

html 复制代码 
{
                    id: 1, txt: "全部",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "NBA历史最疯狂一日 惊掉下巴背后是利益之手",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/223/w608h415/20250207/cd26-2e6629643fd2ebd2a2fcbbbae410ccde.jpg&size=130_87",
                            content: "毫无疑问，我们又一次见证了历史，截至今晨4点，2025年NBA交易截止日成为联盟史上最疯狂的交易截止日，没有之一。 本赛季交易截止日的前一周一共有63名球员被交易...[详细]",
                            time: "2025年 2月7日 14:34",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "詹姆斯24+11布朗尼5分 湖人大胜送奇才16连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250131/e0f3-70754d8595c5180543646e3bef0ef45f.jpg&size=130_87",
                            content: "北京时间1月31日，NBA常规赛，湖人134-96大胜奇才，奇才遭遇16连败稳居联盟倒数第一。 湖人（27-19）：詹姆斯24分3篮板11助攻、八村塁22分4篮板、米尔顿21分4篮板4助攻...[详细]",
                            time: "2025年 1月31日 13:33",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "库里21分亚历山大空砍52分 勇士力克雷霆2连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250130/e4c1-652f941afb0770fe39e3475e014dc47c.jpg&size=130_87",
                            content: "北京时间1月30日，NBA常规赛，勇士116-109力克雷霆，勇士两连胜位居西部第十一，雷霆仍排西部第一。 勇士（24-23）：库里21分4助攻、维金斯27分4篮板...[详细]",
                            time: "2025年 1月30日 14:05",
                            txt: "勇士",
                            txt1: "雷霆",
                            txt2: "库里",
                            pinglun: "评论",
                        },
                        {
                            title: "马克西43分詹姆斯31+8+9 湖人负76人止步4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250129/7136-3922d0c1c89ac7568eba399f68106b13.jpg&size=130_87",
                            content: "北京时间1月29日，NBA常规赛，76人118-104战胜湖人，76人取得3连胜，湖人4连胜被终结。 76人（18-27）：马克西43分3篮板、乌布雷20分8篮板5助攻、康西尔16分7篮板...[详细]",
                            time: "2025年 1月29日 11:46",
                            txt: "湖人",
                            txt1: "76人",
                            txt2: "马克西",
                            pinglun: "评论",
                        }

                    ]
                },

4、湖人部分


html 复制代码 
{
                    id: 2, txt: "湖人",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "NBA历史最疯狂一日 惊掉下巴背后是利益之手",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/223/w608h415/20250207/cd26-2e6629643fd2ebd2a2fcbbbae410ccde.jpg&size=130_87",
                            content: "毫无疑问，我们又一次见证了历史，截至今晨4点，2025年NBA交易截止日成为联盟史上最疯狂的交易截止日，没有之一。 本赛季交易截止日的前一周一共有63名球员被交易...[详细]",
                            time: "2025年 2月7日 14:34",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "詹姆斯24+11布朗尼5分 湖人大胜送奇才16连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250131/e0f3-70754d8595c5180543646e3bef0ef45f.jpg&size=130_87",
                            content: "北京时间1月31日，NBA常规赛，湖人134-96大胜奇才，奇才遭遇16连败稳居联盟倒数第一。 湖人（27-19）：詹姆斯24分3篮板11助攻、八村塁22分4篮板、米尔顿21分4篮板4助攻...[详细]",
                            time: "2025年 1月31日 13:33",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "马克西43分詹姆斯31+8+9 湖人负76人止步4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250129/7136-3922d0c1c89ac7568eba399f68106b13.jpg&size=130_87",
                            content: "北京时间1月29日，NBA常规赛，76人118-104战胜湖人，76人取得3连胜，湖人4连胜被终结。 76人（18-27）：马克西43分3篮板、乌布雷20分8篮板5助攻、康西尔16分7篮板...[详细]",
                            time: "2025年 1月29日 11:46",
                            txt: "湖人",
                            txt1: "76人",
                            txt2: "马克西",
                            pinglun: "评论",
                        },
                        {
                            title: "浓眉42+23詹姆斯22+7+8 湖人力克黄蜂4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250128/1019-39f1fb6fe13e2706282f0916f6a024f2.jpg&size=130_87",
                            content: "北京时间1月28日，NBA常规赛，湖人112-107力克黄蜂。湖人取得4连胜稳居西部第五。 湖人（26-18）：浓眉42分23篮板、詹姆斯22分7篮板8助攻、里夫斯17分5篮板6助攻3抢断...[详细]",
                            time: "2025年 1月28日 11:35",
                            txt: "湖人",
                            txt1: "黄蜂",
                            txt2: "浓眉",
                            pinglun: "评论",
                        }
                    ]
                },

5、勇士部分


html 复制代码 
{
                    id: 3, txt: "勇士",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "库里21分亚历山大空砍52分 勇士力克雷霆2连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250130/e4c1-652f941afb0770fe39e3475e014dc47c.jpg&size=130_87",
                            content: "北京时间1月30日，NBA常规赛，勇士116-109力克雷霆，勇士两连胜位居西部第十一，雷霆仍排西部第一。 勇士（24-23）：库里21分4助攻、维金斯27分4篮板...[详细]",
                            time: "2025年 1月30日 14:05",
                            txt: "勇士",
                            txt1: "雷霆",
                            txt2: "库里",
                            pinglun: "评论",
                        },
                        {
                            title: "库里21分7助攻波斯特20分 勇士大胜公牛止连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250124/84a7-ce5c7108ea7c1fc71acb2c0b034230d8.jpg&size=130_87",
                            content: "北京时间1月24日，NBA常规赛，勇士131-106大胜公牛，勇士终结连败仍居西部第十一。 勇士（22-22）：库里21分4篮板7助攻、波斯特20分5篮板3助攻、桑托斯19分7篮板...[详细]",
                            time: "2025年 1月24日 13:37",
                            txt: "勇士",
                            txt1: "公牛",
                            txt2: "库里",
                            pinglun: "评论",
                        },
                        {
                            title: "库里下半场2分勇士遭国王逆转 绿军加时胜快船",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250123/4990-9f8c2e443e9652ec999e00e5bf2306f9.jpg&size=130_87",
                            content: "北京时间1月23日，NBA常规赛，以下是两场比赛的综述。 国王123-117逆转战胜勇士 国王（23-20）：德罗赞32分5篮板、萨博尼斯26分18篮板3助攻、蒙克20分4篮板9助攻3抢断...[详细]",
                            time: "2025年 1月23日 14:47",
                            txt: "国王",
                            txt1: "勇士",
                            txt2: "凯尔特人",
                            pinglun: "评论",
                        },
                        {
                            title: "哈登里程碑詹姆斯25+11 快船轻取湖人4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/500/w650h650/20250120/0bd3-34e2c633bc5780ad866717eb08666dd1.jpg&size=130_87",
                            content: "北京时间1月20日，NBA常规赛，快船116-102轻取湖人，快船取得4连胜稳居西部第五，湖人输掉卡位战继续排名西部第六。 快船（24-17）：哈登21分4篮板12助攻...[详细]",
                            time: "2025年 1月20日 12:38",
                            txt: "快船",
                            txt1: "湖人",
                            txt2: "哈登",
                            pinglun: "评论",
                        }
                    ]
                },

6、诸强部分


html 复制代码 
                {
                    id: 4, txt: "诸强",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "哈登狂砍40分快船力克雄鹿 太阳送奇才13连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250126/d73e-2b5ba434d328e2ebf0d27bdd66beef6d.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是三场比赛的综述。 灰熊125-103大胜爵士 灰熊（31-15）：贾伦·杰克逊28分3篮板、埃迪19分7篮板4盖帽、贝恩17分8篮板6助攻...[详细]",
                            time: "2025年 1月26日 15:30",
                            txt: "灰熊",
                            txt1: "爵士",
                            txt2: "太阳",
                            pinglun: "评论",
                        },
                        {
                            title: "哈特三双尼克斯大胜国王 马克西31分76人擒牛",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250126/4f82-2799515a0b63cf4e7d4aa9a28f38cd5f.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是两场比赛的综述。 尼克斯143-120大胜国王 尼克斯（30-16）：阿努诺比33分3篮板4助攻、布里奇斯27分5篮板7助攻、布伦森25分11助攻...[详细]",
                            time: "2025年 1月26日 15:19",
                            txt: "尼克斯",
                            txt1: "国王",
                            txt2: "76人",
                            pinglun: "评论",
                        },
                        {
                            title: "阿门23+14+10火箭双杀骑士 猛龙送老鹰4连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250126/9fe9-084770fd3e80dfbc3a646b2af2bd9e95.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是两场比赛的综述。 猛龙117-94大胜老鹰 猛龙（13-32）：巴恩斯24分11篮板7助攻、巴雷特23分8篮板4助攻...[详细]",
                            time: "2025年 1月26日 15:00",
                            txt: "火箭",
                            txt1: "骑士",
                            txt2: "猛龙",
                            pinglun: "评论",
                        },
                        {
                            title: "班凯罗32+9+7魔术力克活塞止5连败 黄蜂胜鹈鹕",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250126/2987-10291a772c94d8b4373c7c89e67d10ff.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是两场比赛的综述。 黄蜂123-92大胜鹈鹕 黄蜂（12-30）：鲍尔25分5篮板7助攻、布里奇斯22分6篮板3助攻、赛斯-库里16分4篮板...[详细]",
                            time: "2025年 1月26日 14:22",
                            txt: "黄蜂",
                            txt1: "鹈鹕",
                            txt2: "魔术",
                            pinglun: "评论",
                        }
                    ]
                }
  • NBA案例整体代码如下：
html 复制代码 
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>NBA新闻</title>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
</head>
<style>
    .box {
        width: 700px;
        margin: auto;
    }

    .option {
        position: sticky;
        top: 0;
        background-color: white;
        width: 700px;
        border-bottom: 1px solid #888;
    }

    .option button {
        background-color: white;
        border: none;
        width: 75px;
        height: 50px;
        font-size: larger;
    }

    .option .active {
        border-bottom: 2px solid blue;
        color: blue;
    }

    .content .active {
        padding: 10px 0 20px 0;
        border-bottom: 1px solid #888;
        width: 700px;
    }

    .content .active:hover {
        background-color: #F8F8F8;
    }

    .content .active .pl {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
        flex-shrink: 0;
    }

    .content div .pl img {
        margin-right: 20px;
        flex-shrink: 0;
        width: 130px;
        height: 80px;
    }

    .active a {
        color: black;
        text-decoration: none;
    }

    .active a:hover {
        color: red;
    }

    .content span {
        margin-right: 15px;
    }

    .content .active .xm {
        font-size: small;
    }

    .content .active .xm a {
        margin-left: 10px;
    }

    .content .active .xm .pinglun {
        float: right;
    }
</style>

<body>
    <div id='app'>
        <div class="box">

            <div class="option">
                <button v-for="item in list" @click="num=item.id" :class="{active:num==item.id}">
                    {{item.txt}}
                </button>
            </div>

            <div class="content">
                <div v-for="item in list" v-show="num==item.id">
                    <div v-for="item2 in item.list2">
                        <div :class="{active:num==item.id}">
                            <h3> <a href="">{{item2.title}}</a></h3>
                            <div class="pl">
                                <img :src="item2.img">
                                <a href="">{{item2.content}}</a>
                            </div>

                            <div class="xm">
                                <span>{{item2.time}}</span>
                                <a href="">{{item2.txt}}</a>
                                <a href="">{{item2.txt1}}</a>
                                <a href="">{{item2.txt2}}</a>
                                <a href="" class="pinglun">{{item2.pinglun}}</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>

<script>
    new Vue({
        el: '#app',
        data: {
            num: 1,
            list: [
                {
                    id: 1, txt: "全部",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "NBA历史最疯狂一日 惊掉下巴背后是利益之手",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/223/w608h415/20250207/cd26-2e6629643fd2ebd2a2fcbbbae410ccde.jpg&size=130_87",
                            content: "毫无疑问，我们又一次见证了历史，截至今晨4点，2025年NBA交易截止日成为联盟史上最疯狂的交易截止日，没有之一。 本赛季交易截止日的前一周一共有63名球员被交易...[详细]",
                            time: "2025年 2月7日 14:34",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "詹姆斯24+11布朗尼5分 湖人大胜送奇才16连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250131/e0f3-70754d8595c5180543646e3bef0ef45f.jpg&size=130_87",
                            content: "北京时间1月31日，NBA常规赛，湖人134-96大胜奇才，奇才遭遇16连败稳居联盟倒数第一。 湖人（27-19）：詹姆斯24分3篮板11助攻、八村塁22分4篮板、米尔顿21分4篮板4助攻...[详细]",
                            time: "2025年 1月31日 13:33",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "库里21分亚历山大空砍52分 勇士力克雷霆2连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250130/e4c1-652f941afb0770fe39e3475e014dc47c.jpg&size=130_87",
                            content: "北京时间1月30日，NBA常规赛，勇士116-109力克雷霆，勇士两连胜位居西部第十一，雷霆仍排西部第一。 勇士（24-23）：库里21分4助攻、维金斯27分4篮板...[详细]",
                            time: "2025年 1月30日 14:05",
                            txt: "勇士",
                            txt1: "雷霆",
                            txt2: "库里",
                            pinglun: "评论",
                        },
                        {
                            title: "马克西43分詹姆斯31+8+9 湖人负76人止步4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250129/7136-3922d0c1c89ac7568eba399f68106b13.jpg&size=130_87",
                            content: "北京时间1月29日，NBA常规赛，76人118-104战胜湖人，76人取得3连胜，湖人4连胜被终结。 76人（18-27）：马克西43分3篮板、乌布雷20分8篮板5助攻、康西尔16分7篮板...[详细]",
                            time: "2025年 1月29日 11:46",
                            txt: "湖人",
                            txt1: "76人",
                            txt2: "马克西",
                            pinglun: "评论",
                        }

                    ]
                },
                {
                    id: 2, txt: "湖人",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "NBA历史最疯狂一日 惊掉下巴背后是利益之手",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/223/w608h415/20250207/cd26-2e6629643fd2ebd2a2fcbbbae410ccde.jpg&size=130_87",
                            content: "毫无疑问，我们又一次见证了历史，截至今晨4点，2025年NBA交易截止日成为联盟史上最疯狂的交易截止日，没有之一。 本赛季交易截止日的前一周一共有63名球员被交易...[详细]",
                            time: "2025年 2月7日 14:34",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "詹姆斯24+11布朗尼5分 湖人大胜送奇才16连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250131/e0f3-70754d8595c5180543646e3bef0ef45f.jpg&size=130_87",
                            content: "北京时间1月31日，NBA常规赛，湖人134-96大胜奇才，奇才遭遇16连败稳居联盟倒数第一。 湖人（27-19）：詹姆斯24分3篮板11助攻、八村塁22分4篮板、米尔顿21分4篮板4助攻...[详细]",
                            time: "2025年 1月31日 13:33",
                            txt: "湖人",
                            txt1: "奇才",
                            txt2: "詹姆斯、",
                            pinglun: "评论",
                        },
                        {
                            title: "马克西43分詹姆斯31+8+9 湖人负76人止步4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250129/7136-3922d0c1c89ac7568eba399f68106b13.jpg&size=130_87",
                            content: "北京时间1月29日，NBA常规赛，76人118-104战胜湖人，76人取得3连胜，湖人4连胜被终结。 76人（18-27）：马克西43分3篮板、乌布雷20分8篮板5助攻、康西尔16分7篮板...[详细]",
                            time: "2025年 1月29日 11:46",
                            txt: "湖人",
                            txt1: "76人",
                            txt2: "马克西",
                            pinglun: "评论",
                        },
                        {
                            title: "浓眉42+23詹姆斯22+7+8 湖人力克黄蜂4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250128/1019-39f1fb6fe13e2706282f0916f6a024f2.jpg&size=130_87",
                            content: "北京时间1月28日，NBA常规赛，湖人112-107力克黄蜂。湖人取得4连胜稳居西部第五。 湖人（26-18）：浓眉42分23篮板、詹姆斯22分7篮板8助攻、里夫斯17分5篮板6助攻3抢断...[详细]",
                            time: "2025年 1月28日 11:35",
                            txt: "湖人",
                            txt1: "黄蜂",
                            txt2: "浓眉",
                            pinglun: "评论",
                        }
                    ]
                },
                {
                    id: 3, txt: "勇士",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "库里21分亚历山大空砍52分 勇士力克雷霆2连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250130/e4c1-652f941afb0770fe39e3475e014dc47c.jpg&size=130_87",
                            content: "北京时间1月30日，NBA常规赛，勇士116-109力克雷霆，勇士两连胜位居西部第十一，雷霆仍排西部第一。 勇士（24-23）：库里21分4助攻、维金斯27分4篮板...[详细]",
                            time: "2025年 1月30日 14:05",
                            txt: "勇士",
                            txt1: "雷霆",
                            txt2: "库里",
                            pinglun: "评论",
                        },
                        {
                            title: "库里21分7助攻波斯特20分 勇士大胜公牛止连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250124/84a7-ce5c7108ea7c1fc71acb2c0b034230d8.jpg&size=130_87",
                            content: "北京时间1月24日，NBA常规赛，勇士131-106大胜公牛，勇士终结连败仍居西部第十一。 勇士（22-22）：库里21分4篮板7助攻、波斯特20分5篮板3助攻、桑托斯19分7篮板...[详细]",
                            time: "2025年 1月24日 13:37",
                            txt: "勇士",
                            txt1: "公牛",
                            txt2: "库里",
                            pinglun: "评论",
                        },
                        {
                            title: "库里下半场2分勇士遭国王逆转 绿军加时胜快船",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250123/4990-9f8c2e443e9652ec999e00e5bf2306f9.jpg&size=130_87",
                            content: "北京时间1月23日，NBA常规赛，以下是两场比赛的综述。 国王123-117逆转战胜勇士 国王（23-20）：德罗赞32分5篮板、萨博尼斯26分18篮板3助攻、蒙克20分4篮板9助攻3抢断...[详细]",
                            time: "2025年 1月23日 14:47",
                            txt: "国王",
                            txt1: "勇士",
                            txt2: "凯尔特人",
                            pinglun: "评论",
                        },
                        {
                            title: "哈登里程碑詹姆斯25+11 快船轻取湖人4连胜",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/500/w650h650/20250120/0bd3-34e2c633bc5780ad866717eb08666dd1.jpg&size=130_87",
                            content: "北京时间1月20日，NBA常规赛，快船116-102轻取湖人，快船取得4连胜稳居西部第五，湖人输掉卡位战继续排名西部第六。 快船（24-17）：哈登21分4篮板12助攻...[详细]",
                            time: "2025年 1月20日 12:38",
                            txt: "快船",
                            txt1: "湖人",
                            txt2: "哈登",
                            pinglun: "评论",
                        }
                    ]
                },
                {
                    id: 4, txt: "诸强",
                    list2: [
                        {
                            title: "NBA常规赛:雷霆1赔1.26第一 湖人季后赛无悬念",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/210/w650h360/20250321/77c2-53cb1cba6d9e671a6ec3523791e81b56.jpg&size=130_87",
                            content: "本赛季NBA常规赛还剩最后三周的赛程，随着比赛进入尾声，无论是分区前四还是季后赛附加赛名额的争夺，都已进入白热化阶段。随着湖人输给雄鹿后，雷霆领先湖人已有13...[详细]",
                            time: "3月22日 14:45",
                            txt: "彩票",
                            txt1: "NBA",
                            txt2: "雷霆",
                            pinglun: "评论",
                        },
                        {
                            title: "哈登狂砍40分快船力克雄鹿 太阳送奇才13连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250126/d73e-2b5ba434d328e2ebf0d27bdd66beef6d.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是三场比赛的综述。 灰熊125-103大胜爵士 灰熊（31-15）：贾伦·杰克逊28分3篮板、埃迪19分7篮板4盖帽、贝恩17分8篮板6助攻...[详细]",
                            time: "2025年 1月26日 15:30",
                            txt: "灰熊",
                            txt1: "爵士",
                            txt2: "太阳",
                            pinglun: "评论",
                        },
                        {
                            title: "哈特三双尼克斯大胜国王 马克西31分76人擒牛",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250126/4f82-2799515a0b63cf4e7d4aa9a28f38cd5f.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是两场比赛的综述。 尼克斯143-120大胜国王 尼克斯（30-16）：阿努诺比33分3篮板4助攻、布里奇斯27分5篮板7助攻、布伦森25分11助攻...[详细]",
                            time: "2025年 1月26日 15:19",
                            txt: "尼克斯",
                            txt1: "国王",
                            txt2: "76人",
                            pinglun: "评论",
                        },
                        {
                            title: "阿门23+14+10火箭双杀骑士 猛龙送老鹰4连败",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/662/w650h812/20250126/9fe9-084770fd3e80dfbc3a646b2af2bd9e95.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是两场比赛的综述。 猛龙117-94大胜老鹰 猛龙（13-32）：巴恩斯24分11篮板7助攻、巴雷特23分8篮板4助攻...[详细]",
                            time: "2025年 1月26日 15:00",
                            txt: "火箭",
                            txt1: "骑士",
                            txt2: "猛龙",
                            pinglun: "评论",
                        },
                        {
                            title: "班凯罗32+9+7魔术力克活塞止5连败 黄蜂胜鹈鹕",
                            img: "https://z0.sinaimg.cn/auto/resize?img=https://n.sinaimg.cn/sports/transform/660/w650h810/20250126/2987-10291a772c94d8b4373c7c89e67d10ff.jpg&size=130_87",
                            content: "北京时间1月26日，NBA常规赛，以下是两场比赛的综述。 黄蜂123-92大胜鹈鹕 黄蜂（12-30）：鲍尔25分5篮板7助攻、布里奇斯22分6篮板3助攻、赛斯-库里16分4篮板...[详细]",
                            time: "2025年 1月26日 14:22",
                            txt: "黄蜂",
                            txt1: "鹈鹕",
                            txt2: "魔术",
                            pinglun: "评论",
                        }
                    ]
                }
            ]
        }
    })
</script>

</html>
相关推荐
Carlos_sam1 分钟前
OpenLayers：extent与view extent 介绍
前端·javascript
羽沢316 分钟前
js高级_执行上下文和作用域
开发语言·javascript·ecmascript
小谭的成长日记8 分钟前
使用js使页面元素匀速横向滚动，如何能减少性能消耗
前端
墨客Y8 分钟前
ubtuntu+cmake+c++
开发语言·c++
前端小巷子9 分钟前
CSS伪类选择器大全：提升网页交互与样式的神奇工具
前端
前端涂涂10 分钟前
Node.js 的定义、用途、安装方法
前端
前端涂涂11 分钟前
Node.js 中的 Buffer（缓冲区）
前端
forestsea14 分钟前
Java并发编程面试题：锁（17题）
java·开发语言
寒雪谷17 分钟前
用户登陆UI
开发语言·javascript·ui·harmonyos·鸿蒙
努力学习的小廉20 分钟前
【C++】 —— 笔试刷题day_17
开发语言·c++
热门推荐
01我决定放弃搞 Java 了02RAG 实践- Ollama+RagFlow 部署本地知识库03DeepSeek各版本说明与优缺点分析04Flutter Channel 通信机制05DeepSeek RAGFlow构建本地知识库系统06如何在WPS和Word/Excel中直接使用DeepSeek功能07Windows安装vcpkg教程（VS2022）08汽车上的各种质量：整备质量、总质量、装载质量、簧上质量、簧下质量09本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程10Mogao=Seedream 3.0？霸榜数天，神秘文生图模型曝光（附技术报告）