计算机科学期末网页大作业快看漫画源码（纯享免费版）需要自取免费配置环境
[video(video-Hagl4y8b-1670041074845)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=818260356)(image-https://img-blog.csdnimg.cn/img_convert/3da244a7dce4ae0c09c0f60b78f89d0d.jpeg)(title-计算机科学期末网页大作业快看漫画源码（纯享免费版）需要自取免费配置环境)]
我的页面
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<title>我的</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</head>
<body>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (23).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="order-block ">
<div class="flex-row ">
<div class="flex-grow-1 ">
<div class="nav-item ">
<div>
<img src="image/3333 (1).png" />
</div>
<div>浏览历史</div>
</div>
</div>
<div class="flex-grow-1 ">
<div class="nav-item " >
<div>
<img src="image/3333 (4).png" />
</div>
<div>我的关注</div>
</div>
</div>
<div class="flex-grow-1 ">
<div class="nav-item " >
<div>
<img src="image/3333 (3).png" />
</div>
<div>我的消息</div>
</div>
</div>
<div class="flex-grow-1 ">
<div class="nav-item " >
<div>
<img src="image/3333 (2).png" />
</div>
<div>我的钱包</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (24).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (25).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="option-list ">
<div >
<div class="option-item " >
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (26).png" />
</div>
<div class="flex-grow-1 flex-y-center ">
快看卡片
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png " />
</div>
</div>
</div>
</div>
<div >
<div class="option-item " >
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (27).png" />
</div>
<div class="flex-grow-1 flex-y-center ">
KK补给站
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png " />
</div>
</div>
</div>
</div>
<div class="option-item " >
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (28).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
快看商城
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (29).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
休闲时刻
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (31).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
猫咖营业中
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (32).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
创作者中心
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (33).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
免流服务
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (34).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
切换男女版
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (35).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
兴趣标签
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<button open-type="contact " class="option-item " plain="true ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (36).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
青少年模式
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</button>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (37).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
帮助中心
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (38).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
设置
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
<div class="option-item ">
<div class="flex-row option-content ">
<div class="flex-grow-1 flex-row ">
<div class="flex-grow-0 flex-y-center ">
<img class="option-icon " src="image/323 (39).png"/>
</div>
<div class="flex-grow-1 flex-y-center ">
关于快看
</div>
</div>
<div class="flex-grow-0 flex-y-center ">
<img class="option-jisntou " src="image/icon-jiantou-r.png "/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foot hide ng-scope block">
<ul>
<li>
<a href="index.html">
<img src="image/323 (17).png">
<p>社区</p>
</a>
</li>
<li>
<a href="assortment.html">
<img src="image/323 (4).png">
<p>漫画</p>
</a>
</li>
<li>
<a href="cart.html">
<img src="image/323 (32).png">
<p>漫剧</p>
</a>
</li>
<li>
<a href="my.html">
<img src="image/323 (30).png">
<p>我的</p>
</a>
</li>
</ul>
</div>
</body>
</html>
index1
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<title>首页</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</head>
<body>
<div class="title-bar flex-y-center flex-x-center">
<div class="title flex-y-center">
<text style='color:#000;'>发现</text>
<a href="index2.html">
<p>广场</p>
</a>
<a href="index3.html">
<p>关注</p>
</a>
</div>
</div></body>
<body>
<div>
<input type="search" placeholder="搜索">
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (40).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (25).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (42).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<img src="image/323 (12).png" alt="">
</div>
<div>
<img src="image/323 (11).png" alt="">
</div>
</div>
</div>
<div class="foot hide ng-scope block">
<ul>
<li>
<a href="index.html">
<img src="image/323 (3).png">
<p>社区</p>
</a>
</li>
<li>
<a href="assortment.html">
<img src="image/323 (4).png">
<p>漫画</p>
</a>
</li>
<li>
<a href="cart.html">
<img src="image/323 (32).png">
<p>漫剧</p>
</a>
</li>
<li>
<a href="my.html">
<img src="image/323 (6).png">
<p>我的</p>
</a>
</li>
</ul>
</div>
<!-- 脚步导航结束 -->
</body>
<script type="text/javascript ">
var mySwiper = new Swiper('.swiper-container', {
mode: 'horizontal',
autoplay: 5000,
autoplayDisableOnInteraction: true,
// direction: 'vertical',
loop: true,
observer: true,
// 如果需要分页器
pagination: '.swiper-pagination',
})
</script>
</html>
index2
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<title>首页</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</head>
<body>
<div class="title-bar flex-y-center flex-x-center">
<div class="title flex-y-center">
<text style='color:#000;'>发现</text>
<a href="index2.html">
<p>广场</p>
</a>
</div>
</div></body>
<body>
<div>
<input type="search" placeholder="搜索">
</div>
<div>
<div>
<div>
<img src="image/323 (12).png" alt="">
</div>
<div>
<img src="image/323 (11).png" alt="">
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (40).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (25).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (42).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foot hide ng-scope block">
<ul>
<li>
<a href="index.html">
<img src="image/323 (3).png">
<p>社区</p>
</a>
</li>
<li>
<a href="assortment.html">
<img src="image/323 (4).png">
<p>漫画</p>
</a>
</li>
<li>
<a href="cart.html">
<img src="image/323 (32).png">
<p>漫剧</p>
</a>
</li>
<li>
<a href="my.html">
<img src="image/323 (6).png">
<p>我的</p>
</a>
</li>
</ul>
</div>
<!-- 脚步导航结束 -->
</body>
<script type="text/javascript ">
var mySwiper = new Swiper('.swiper-container', {
mode: 'horizontal',
autoplay: 5000,
autoplayDisableOnInteraction: true,
// direction: 'vertical',
loop: true,
observer: true,
// 如果需要分页器
pagination: '.swiper-pagination',
})
</script>
</html>
index3
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<title>首页</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</head>
<body>
<div class="title-bar flex-y-center flex-x-center">
<div class="title flex-y-center">
<text style='color:#000;'>发现</text>
<a href="index2.html">
<p>广场</p>
</a>
<a href="index3.html">
<p>关注</p>
</a>
</div>
</div></body>
<body>
<div>
<input type="search" placeholder="搜索">
</div>
<div>
<div>
<div>
<img src="image/323 (10).png" alt="">
</div>
<div>
<img src="image/323 (11).png" alt="">
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (8).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foot hide ng-scope block">
<ul>
<li>
<a href="index.html">
<img src="image/323 (3).png">
<p>社区</p>
</a>
</li>
<li>
<a href="assortment.html">
<img src="image/323 (4).png">
<p>漫画</p>
</a>
</li>
<li>
<a href="cart.html">
<img src="image/323 (32).png">
<p>漫剧</p>
</a>
</li>
<li>
<a href="my.html">
<img src="image/323 (6).png">
<p>我的</p>
</a>
</li>
</ul>
</div>
<!-- 脚步导航结束 -->
</body>
<script type="text/javascript ">
var mySwiper = new Swiper('.swiper-container', {
mode: 'horizontal',
autoplay: 5000,
autoplayDisableOnInteraction: true,
// direction: 'vertical',
loop: true,
observer: true,
// 如果需要分页器
pagination: '.swiper-pagination',
})
</script>
</html>
cart
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<title>购物车</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</head>
<body>
<div class="title-bar flex-y-center flex-x-center">
<div class="title flex-y-center">
<text style='color:#000;'>发现</text>
<a href="index2.html">
<p>广场</p>
</a>
<a href="index3.html">
<p>关注</p>
</a>
</div>
</div></body>
<body>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (19).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (20).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (21).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (22).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 脚步导航开始 -->
<div class="foot hide ng-scope block">
<ul>
<li>
<a href="index.html">
<img src="image/323 (17).png">
<p>社区</p>
</a>
</li>
<li>
<a href="assortment.html">
<img src="image/323 (4).png">
<p>漫画</p>
</a>
</li>
<li>
<a href="cart.html">
<img src="image/323 (18).png">
<p>漫剧</p>
</a>
</li>
<li>
<a href="my.html">
<img src="image/323 (6).png">
<p>我的</p>
</a>
</li>
</ul>
</div>
<!-- 脚步导航结束 -->
</body>
</html>
assortmentment
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<title>分类</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</head>
<body>
<div>
<div class="user-info flex-row">
<a href="index3.html">
<img mode="aspectFill" src="image/323 (12).png" />
</a>
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (13).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (14).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="user-info flex-row">
<img mode="aspectFill" src="image/323 (15).png" />
<div class="flex-grow-1 flex-y-center flex-row userinfo-name">
<div>
</div>
<div>
<div class='user-level flex-row'>
<div class='level-name flex-y-bottom'>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foot hide ng-scope block">
<ul>
<li>
<a href="index.html">
<img src="image/323 (17).png">
<p>社区</p>
</a>
</li>
<li>
<a href="assortment.html">
<img src="image/323 (16).png">
<p>漫画</p>
</a>
</li>
<li>
<a href="cart.html">
<img src="image/323 (32).png">
<p>漫剧</p>
</a>
</li>
<li>
<a href="my.html">
<img src="image/323 (6).png">
<p>我的</p>
</a>
</li>
</ul>
</div>
<!-- 脚步导航结束 -->
</body>
</html>
[video(video-o98Yqtyp-1670041051699)(type-undefined)(url-undefined)(image-https://img-blog.csdnimg.cn/editor-video.png)(title-undefined)]
