网易云音乐（二）

最新推荐文章于 2021-03-09 15:00:19 发布

nanling0220

最新推荐文章于 2021-03-09 15:00:19 发布

阅读量359

点赞数

分类专栏：网易云音乐

本文链接：https://blog.csdn.net/nanling0220/article/details/105348617

版权

网易云音乐专栏收录该内容

2 篇文章 0 订阅

订阅专栏

detail.pug

doctype html
html(lang='en')
  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')
    link(rel='stylesheet', type='text/css', href='css/detail.css')
    script(src="js/detail.js" type="text/javascript")
    title Document
  body
    .headContainer
      a.btnStyle.deleteItem 删除
      a.btnStyle.deleteAll 清空列表
    .listContainer
      ul.myul
        input(type='checkbox')
        li 歌曲
        li 歌手
        li 时长
      .exchange

error.pug

<!DOCTYPE html>
html(lang="en")
    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 Document
    body
        | 用户名或者密码错误
        br
        span 5
        | 秒之后自动跳转...
        br
        a(href="/login") 点击直接跳转
script.
    let timer = document.querySelector("span").innerText;
    timer = parseInt(timer);
    setInterval(()=>{
        timer--
        document.querySelector("span").innerText = timer;
        if(timer<1){
            window.location.href = "/login";
        }
    },1000)

list.pug

doctype html
html(lang='en')
  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')
    link(rel='stylesheet', type='text/css', href='css/list.css')
    script(src="js/list.js" type="text/javascript")
    title Document
  body
    button.changeSkin 换肤
    .singerContainer
      img.headImg(src='img/singer.jpg')
      .singerRight
        span.singerName 薛之谦
        span.singerDetail 外文名：Joker 国籍：中国 出生地：上海 职业：歌手、演员、主持人
        span
          span.titleKey 单曲
          span.titleValue 286
          span.titleKey 专辑
          span.titleValue 15
          span.titleKey MV
          span.titleValue 262
        .mytbn
          span.hotSong 播放热门歌曲
          span.attention 关注1316.4万
    .songList
      .hotSongList
        h2 热门歌曲
      ul.listContainer.grayWord
        li.grayWord
        li 歌曲
        li 专辑
        li 时长
      ul.listContainer
        li.grayWord 1
        li 演员
        li 绅士
        li.grayWord 04：21
        span.btnController
          a(href='#')
            img(src='img/play.png')
          img(src='img/add.png')

doctype html
html(lang='en')
  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')
    link(rel='stylesheet', href='css/login.css')
    title Document
  body
    .loginContainer
      h1 登录
      form(action='/checkUser', method='post')
        | 姓名：
        input.inputStyle(type='text', name='username')
        br
        | 密码：
        input.inputStyle(type='password', name='pwd')
        br
        input.loginStyle(type='submit', value='登录')
        |  |
        input(type='checkbox', name='memberMe')
        | 记住我

nanling0220

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网易云音乐（二）

detail.pugdoctype htmlhtml(lang='en') head meta(charset='UTF-8') meta(name='viewport', content='width=device-width, initial-scale=1.0') meta(http-equiv='X-UA-Compatible', content='ie=e...
复制链接

扫一扫