CSS Web端小米主页练习

最新推荐文章于 2024-06-16 20:55:56 发布
最新推荐文章于 2024-06-16 20:55:56 发布
阅读量150 收藏 1
点赞数 1
文章标签： css css3 html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zqc382750716/article/details/115427213
版权

base.css

/* 公共样式 */
.clearfix::before,
.clearfix::after{
    content: "";
    display: table;
    clear: both;
}
/* 去除a的下划线 */
a{
    text-decoration: none;
    color: #333;
}
body{
    font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
    color: #333;
    min-width: 1226px;
}
/* 设置一个类，用来表示中间容器的宽度 */
.w{
    /* 固定容易宽度 */
    width: 1226px;
    /* 设置容器居中 */
    margin: 0 auto;
}

reset.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}

index.css

/* 主页index.html的样式表 */

/* 顶部导航条的容器 */
.topbar-wrapper{
    /* 设置宽度全屏 */
    width: 100%;
    /* 设置背景颜色 */
    background-color: #333;
    /* 设置高度和行高 */
    height: 40px;
    line-height: 40px;
}
/* 设置超链接颜色 */
.topbar a{
    font-size: 12px;
    color: #B0B0B0;
    display: block;
}
/* 设置超链接移入效果 */
.topbar a:hover{
    color: #fff;
}
/* 设置中间分隔线 */
.topbar .line{
    color: #424242;
    font-size: 12px;
    margin: 0 8px;
}
/* 设置左侧导航栏 */
.service,.topbar li{
    float: left;
}
.app{
    position: relative;
}
/* 设置app下的小三角 */
.app::after{
    display: none;
    content: "";
    /* 设置绝对定位 */
    position: absolute;
    width: 0;
    height: 0;
    /* 设置四个方向的边框 */
    border: 10px solid transparent;
    /* 去除上边框 */
    border-top: none;
    /* 设置下边框的颜色 */
    border-bottom-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.app:hover .qrcode,
.app:hover::after{
    display: block;
    height: 148px;
    z-index: 9999;
}
/* 设置下载app的下拉 */
.app .qrcode{
    /* display: none; */
    position: absolute;
    left: -40px;
    width: 124px;
    /* height: 148px; */
    height: 0;
    overflow: hidden;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    /* transition: 用于为样式设置过渡效果*/
    transition: height 0.3s;
    z-index: 9999;
}
/* 设置二维码图片 */
.app .qrcode img{
    width: 90px;
    margin: 17px;
    margin-bottom: 10px;
}
/* 设置二维码文字 */
.app .qrcode span{
    color: #000;
    font-size: 14px;
}
.shop-cart{
    position: relative;
}
.box1{
    position: absolute;
    width: 300px;
    height: 0;
    overflow: hidden;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    color: #000;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
    /* transition: height 0.3s; */
    left: -180px;

}
.shop-cart:hover .box1{
    display: block;
    height: 100px;
    line-height: 100px;
    z-index: 9999;
}
/* 设置右侧导航栏 */
.shop-cart,.user-info{
    float: right;
}
/* 设置购物车样式 */
.shop-cart a{
    width: 120px;
    background-color: #424242;
    text-align: center;
}
.shop-cart i{
    margin-right: 2px;
}

.shop-cart:hover a{
    background-color: #fff;
    color: #ff6700;
}

.shop-cart{
    margin-left: 26px;
}

/* 设置中间的header */
.header{
    height: 100px;
}
/* 设置logo h1的样式 */
.header .logo{
    float: left;
    width: 55px;
    height: 55px;
    position: relative;
    overflow: hidden;
    margin-top: 22px;
    text-indent: -9999px;
    font-size: 0;
}
/* 统一设置logo的超链接 */
.header .logo a{
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    background-color: #fff;
    background-image: url(../img/mi-logo.png);
    background-position: center;
    background-size: 55px 55px;
}
/* 设置中间的导航条 */
.header .nav-wrapper{
    float: left;
    margin-left: 7px;
}
/* 设置导航条 */
.header .nav{
    height: 100px;
    line-height: 100px;
    padding-left: 58px;
}
/* 设置导航条中的li */
.nav >li{
    float: left;
}
/* 设置左侧导航条的样式 */
.all-goods-wrapper{
    position: relative;
}
.left-menu{
    height: 420px;
    width: 234px;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    z-index: 999;
    left: -120px;
    line-height: 1;
    padding: 20px 0;
    font-size: 14px;
}
ul.left-menu li a{
    display: block;
    height: 42px;
    line-height: 42px;
    color: white;
    margin-right: 0;
    padding: 0 30px;
}
ul.left-menu li a:hover{
    color: white;
    background-color: #ff6700;
}
.left-menu a i{
    float: right;
    line-height: 42px;
}

.nav-wrapper li a{
    display: block;
    font-size: 16px;
    margin-right: 20px;
}
.nav-wrapper li a:hover{
    color: #ff6700;
}
/* 隐藏全部商品 */
.all-goods{
    visibility: hidden;
}
.header-wrapper{
    position: relative;
}
.nav .goods-info{
    /* height: 228px; */
    height: 0;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 100px;
    left: 0;
    transition: height 0.3s;
    z-index: 9999;
}
.nav .show-goods:hover ~ .goods-info,
.goods-info:hover{
    height: 228px;
    border-top: 1px solid rgb(224, 224, 224);
    box-shadow: 0 5px 3px rgba(0, 0, 0, .2);
}
/* 设置搜索框的容器 */
.search-wrapper{
    width: 296px;
    height: 50px;
    float: right;
    margin-top: 25px;
}

.search-wrapper .search-inp{
    box-sizing: border-box;
    border: none;
    float: left;
    padding: 0 10px;
    height: 50px;
    width: 244px;
    font-size: 16px;
    border: 1px solid rgb(224, 224, 224);
    outline: none;
}
.search-wrapper .search-inp:focus,
.search-wrapper .search-inp:focus + button{
    border-color: #ff6700;
}
.search-wrapper .search-btn{
    float: left;
    height: 50px;
    width: 52px;
    padding: 0;
    border: none;
    background-color: #fff;
    color: #616161;
    font-size: 16px;
    border: 1px solid rgb(224, 224, 224);
    border-left: none;
}
.search-wrapper .search-btn:hover{
    background-color: #ff6700;
    color: white;
    border: none;
}

/* 设置banner */
.banner{
    position: relative;
    height: 460px;
}
.banner-wrapper{
    margin-bottom: 14px;
}
.banner .img-list li{
    position: absolute;
}
.banner img{
    width: 100%;
    vertical-align: top;
}
/* 设置5个导航点 */
.pointer{
    position: absolute;
    bottom: 22px;
    right: 35px;
}

.pointer a{
    float: left;
    width: 6px;
    height: 6px;
    border: 2px rgba(255, 255, 255, .4);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .4);
    margin-left: 6px;
}
.pointer a:hover,
.pointer a.active{
    border-color: rgba(0, 0, 0, .4);
    background-color: rgba(255, 255, 255, .4);
}
/* 设置两个箭头 */
.prev-next a{
    width: 41px;
    height: 69px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url(../img/icon-slides.png);
}
.prev-next .prev{
    left: 234px;
    background-position: -84px 0;
}
.prev-next .prev:hover{
    background-position: 0 0;
}
.prev-next .next{
    right: 0;
    background-position: -125px 0;
}
.prev-next .next:hover{
    background-position: -42px 0;
}
/* 设置回到顶部的元素 */
.back-top{
    width: 26px;
    height: 206px;
    background-color: orange;
    position: fixed;
    bottom: 60px;
    right:50%;
    margin-right: -639px;
    /* 
        布局的等式
            left + margin-left + width + margin-right + right = 视口的宽度
    */
}
/* 设置下部的广告区域 */
.ad{
    height: 170px;
    margin-top: 14px;
}
.ad .shortcut,
.ad .imgs,
.ad li{
    float: left;
}

/* 设置左侧的快捷方式 */
.ad .shortcut{
    width: 228px;
    height: 168px;
    background-color: #5f5750;
    margin-right: 14px;
    padding-top: 2px;
    padding-left: 6px;
}
.ad .imgs li{
    width: 316px;
    margin-right: 15px;
}
.ad .imgs li:last-child{
    margin: 0;
}
.ad .imgs img{
    width: 100%;
    vertical-align: top;
}

.ad .shortcut a{
    display: block;
    color: #cfcccc;
    height: 84px;
    width: 76px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
}
.ad .shortcut a:hover{
    color: #fff;
}
.ad .shortcut i{
    display: block;
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 6px;
}
/* 设置上边框 */
.ad .shortcut li{
    position: relative;
}
.ad .shortcut li::before{
    content: "";
    position: absolute;
    width: 64px;
    height: 1px;
    background-color: #665e57;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}

/* 设置左边框 */
.ad .shortcut li::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 70px;
    background-color: #665e57;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米11、Redmi K40 Pro、小米MIX Alpha，小米电视官方网站</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./fa/css/all.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/base.css">

    <!-- 
        设置网站的图标（在标题栏和收藏栏显示）
            网站的图标一般都存储在网站的根目录下，名字一般都叫做favicon.ico
     -->
     <link rel="icon" href="./img/favicon.ico">
</head>
<body>
    <!-- 顶部导航条 -->
    <!-- 顶部导航条外部容器 -->
    <div class="topbar-wrapper">
        <!-- 创建内部容器 -->
        <div class="topbar w clearfix">
            <!-- 左侧导航条 -->
            <ul class="service">
                <li><a href="javascript:;">小米商城</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">MIUI</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">loT</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">云服务</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">金融</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">有品</a></li>
                <li class="line">|</li> 
                <li><a href="javascript:;">小爱开放平台</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">企业团购</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">资质证照</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">协议规则</a></li>
                <li class="line">|</li>
                <li>
                    <a class="app" href="javascript:;">
                        下载app
                        <!-- 添加一个弹出层 -->
                        <div class="qrcode">
                            <img src="./img/download.png">
                            <span>小米商城APP</span>
                        </div>
                    </a>
                </li>
                <li class="line">|</li>
                <li><a href="javascript:;">Select Location</a></li>
            </ul>
            <!-- 购物车 -->
            <ul class="shop-cart">
                <li>
                    <a class="cart" href="javascript:;">
                    <i class="fas fa-shopping-cart"></i>
                    购物车（0）
                    </a>
                    <div class="box1">
                        <span>购物车中还没有商品，赶紧选购吧！</span>
                    </div>
                </li>
            </ul>
            <!-- 用户登录注册 -->
            <ul class="user-info">
                <li><a href="javascript:;">登录</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">注册</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">消息通知</a></li>
            </ul>
            
        </div>
    </div>
    <!-- 创建一个头部的外部容器 -->
    <div class="header-wrapper">
        <div class="header w clearfix">
            <!-- 创建一个logo -->
            <h1 class="logo" title="小米官网">
                小米官网                
                <a href="/"></a>
            </h1>
            <!-- 创建一个中间导航条的容器 -->
            <div class="nav-wrapper">
                <!-- 创建导航条 -->
                <ul class="nav clearfix">
                    <li class="all-goods-wrapper">
                        <a class="all-goods" href="#">全部商品分类</a>
                        <!-- 创建左侧导航菜单 -->
                        <ul class="left-menu">
                            <li>
                                <a href="#">
                                    手机 电话卡
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    电视 盒子
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    笔记本 平板
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    家电 插线板
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    出行 穿戴
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    智能 路由器
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    电源 配件
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    健康 儿童
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    耳机 音箱
                                    <i class="fas fa-angle-right"></i>
                                </a>
                                <a href="#">
                                    生活 箱包
                                    <i class="fas fa-angle-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="show-goods"><a href="#">小米手机</a></li>
                    <li class="show-goods"><a href="#">Redmi 红米</a></li>
                    <li class="show-goods"><a href="#">电视</a></li>
                    <li class="show-goods"><a href="#">笔记本</a></li>
                    <li class="show-goods"><a href="#">家电</a></li>
                    <li class="show-goods"><a href="#">路由器</a></li>
                    <li class="show-goods"><a href="#">智能硬件</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>

                    <!-- 创建一个弹出层 -->
                    <div class="goods-info">

                    </div>
                </ul>
            </div>
            <!-- 创建搜索框的容器 -->
            <div class="search-wrapper">
                <form class="search" action="#">
                    <input class="search-inp" type="text">
                    <button class="search-btn">
                        <i class="fas fa-search"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- 创建banner的容器 -->
    <div class="banner-wrapper">
        <div class="banner w">
            <ul class="img-list">
                <li>
                    <a href="#">
                        <img src="./img/banner1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/banner2.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/banner3.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/banner4.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/banner5.jpg" alt="">
                    </a>
                </li>
            </ul>
            <div class="pointer">
                <a class="active" href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
            </div>
            <div class="prev-next">
                <a class="prev" href="javascript:;"></a>
                <a class="next" href="javascript:;"></a>
            </div>
        </div>
    </div>
    <!-- 固定定位的工具条 -->
    <div class="back-top"></div>

    <!-- 创建广告容器 -->
    <div class="ad w">
        <ul class="shortcut">
            <li>
                <a href="#">
                    <i class="fas fa-clock"></i>
                    小米秒杀
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fas fa-building"></i>
                    企业团购
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fas fa-frog"></i>
                    F码通道
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fas fa-robot"></i>
                    米粉卡
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fas fa-keyboard"></i>
                    以旧换新
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fas fa-sim-card"></i>
                    话费充值
                </a>
            </li>
        </ul>
        <ul class="imgs">
            <li>
                <a href="#"><img src="./img/1.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="./img/2.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="./img/3.jpg" alt=""></a>
            </li>
        </ul>
    </div>
</body>
</html>
淡水鳗鱼的梦Z
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
CSS+HTML - 搭建小米商城首页 - 总结
LIN的博客
10-10 1万+
目录 第三方字体样式 字段间分割线的样式实现 搭建网站前的reset操作 鼠标悬浮出现浮框 - 购物车部分例子 - 重点步骤总结 块与块之间的分割线 块颜色的根据位置不同而不同 悬浮上移+阴影 第三方字体样式 fontawesome - 字体库 iconfont - 字体库 在浏览器中按f12打开【开发人员工具】，找到【console(控制台)】 输入以下代码，再...
【web前端HTML5+CSS3】10小米项目练习
weixin_58214412的博客
02-27 945
小米项目 1.项目搭建 在index中引入一下样式表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --> <meta...
HTML/CSS项目练习——小米首页
DanmoSAMA的博客~
12-09 893
项目搭建 搭建 创建index.html 放css的文件夹，加入reset.css 复制fs文件夹，图片文件夹 改index.html的title 引入reset.css和图标字体 新建index.css（专门给主页写样式，名称要对应，方便查找） 引入index.css 新建base.css，存放公共样式（在每一个页面中都引入） 引入base.css 公共样式 写clearfix 统一网页的字体，写在body中 顶部导航结构 公共样式 给body加上min-width，限定最小宽度 设置类w，表
web前端练手小项目——仿照小米商城
代码海中一粒米
03-23 9122
大部分是静态页面，使用的js知识只有一点点 实现的效果： 实现的html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...
HTML+CSS静态页面的实战练习——小米商城
qq_53385064的博客
04-19 3417
跟着Pink老师学完HTML+CSS后试着写了一个小米商城首页项目，虽然过程曲折，但是结果还是不错的，做项目的过程就是总结归纳知识点，让学过的东西能更加熟练的运用； 页面部分截图： 项目的搭建： HTML部分代码： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-...
【HTML+CSS练习一】编写小米商城小组件
zyh0815的博客
02-28 1005
本文简单使用了HTML和CSS语言，部分实现了小米商城其中一个组件的页面效果。
Web项目实战分享——小米官网
初尘屿风的博客
05-09 1562
每个学习过前端的学习者来说，都接触过web项目的实战，业内最真实的的，应该是自己独立编写一个网页项目，当然如果你是大佬的话，这只是小菜一碟，而如果你是小白或正在学习该部分知识的人，这一小节你可以融会贯通的话，说明你就可以出师了，它用到了HTML5+css+JavaScript+iconfont的内容，相信你一定会有所收获的。
css浮动的一些小练习
m0_51045721的博客
02-26 1710
1.小米模块练习 需求： 使用浮动，完成设计图中的布局效果
HTML、CSS小练习-小米官网首屏静态页面
ZS74520的博客
07-29 2532
web前端练习，小米官网静态页面 在练习过程中没有找到相应的图片文字，所以有些图片文字都是重复使用的！ 效果图： html代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
仿小米商城wed练习HTML+css
05-15
里面有完整的小米商城wed代码，是学wed时的练习，没有登陆注册，其他轮播，下拉列表都有，基本和小米2020的没有不同，需要的可以下载直接用
HTML+CSS小米商城首页练习
05-30
HTML+CSS静态网页练习，小米商城首页的一部分，有些地方还原度不是很好
前端web结课作业 小米商城 纯HTML+CSS
06-20
本人原创，可能会有一些小bug但是我没发现有bug 所有文件代码以及所需照片和效果图都在压缩包内
2022最新仿小米商城首页html+css+js
09-22
2022最新仿小米商城首页html+css+js banner可切换，产品可滑动
小米首页手工代码html+CSS
11-26
小米首页手工代码html+CSS，未使用任何框架，供学习参考。
CSS 实现电影信息卡片
最新发布
qq_33003143的博客
06-16 695
综合运用CSS知识实现电影信息卡片
px转rem插件postcss-plugin-px2rem使用方法（浏览器缩放页面自适应）
x_XDGS的博客
06-13 696
浏览器缩放自适应，px转rem，postcss-plugin-px2rem插件
css系列：音频播放效果-波纹律动
zkx529的博客
06-12 536
音频律动效果，实现了语音播放时的带有动画的特殊样式的进度条
vue在hash路由模式下实现点击定位滑动
IT_moshang的博客
06-12 371
hash路由模式下实现点击滑动
css web端毛玻璃效果
09-12
要实现Web端的毛玻璃效果，你可以使用CSS的`backdrop-filter`属性。这个属性可以给元素的背景应用一个模糊效果。 首先，你需要先给元素设置一个背景图片或颜色。然后，使用`backdrop-filter: blur()`来添加模糊效果...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值