首页 前端知识 实战:京东购物车静态界面实现,html前端技术开发

实战:京东购物车静态界面实现,html前端技术开发

2024-06-21 00:06:34 前端知识 前端哥 322 451 我要收藏

0.3mg*10片

${res.children[1].children[0].textContent}

-

1

${res.children[1].children[0].textContent}

<span οnclick=“delete_shop($(this))”>删除

移入关注

`

if ($shop_li.length !== 0) {

$shop_li.append(insertHtml)

} else {

insertHtml = `

  • 京东自营

    ${insertHtml}

    `

    console.log(insertHtml);

    $(“#shops_ul”).append(insertHtml)

    }

    }

    /----------头部样式----------/

    header {

    width: 100%;

    height: 25px;

    line-height: 25px;

    background: #e3e4e5;

    border-bottom: solid 1px #ddd;

    }

    header .header_nav {

    /background-color: red;/

    height: 100%;

    font-size: 8px;

    color: #999999;

    position: relative;

    }

    header ul {

    display: flex;

    }

    header ul.left {

    position: absolute;

    left: 0;

    }

    header ul.right {

    position: absolute;

    right: 0;

    }

    header ul li {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 8px;

    }

    header ul li.home {

    cursor: pointer;

    }

    header ul li.home:hover {

    color: red;

    }

    header .down {

    margin-left: 5px;

    font-size: 14px;

    border-right: 1px solid #ccc;

    margin-right: 5px;

    }

    header .down_none {

    border-right: none

    }

    header .right_span {

    cursor: pointer;

    }

    header .right_span:hover {

    color: red;

    }

    /----------主体样式----------/

    article .article_top {

    height: 90px;

    /background-color: red;/

    display: flex;

    align-items: center;

    position: relative;

    }

    article .logo {

    display: block;

    margin-top: 2px;

    width: 134px;

    height: 42px;

    background: url(//misc.360buyimg.com/jdf/1.0.0/unit/global-header/5.0.0/i/jdlogo-201708-@1x.png) no-repeat 0 0;

    background-size: 134px 42px;

    text-indent: -20000px;

    }

    article .search {

    background: #c91623;

    height: 24px;

    overflow: hidden;

    position: absolute;

    right: 0;

    display: flex;

    align-items: center;

    }

    article .search .itxt {

    border: 1px solid #c91623;

    height: 22px;

    line-height: 18px;

    width: 260px;

    outline: none

    }

    article .search .button {

    display: inline-block;

    vertical-align: top;

    width: 48px;

    height: 24px;

    background: #c91623;

    text-align: center;

    color: #fff;

    font-weight: 700;

    font-size: 12px;</

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13097.html
标签
评论
发布的文章

html 个人主页

2024-07-13 22:07:08

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!