bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/Browsinghistory.html Normal file
View File

@@ -0,0 +1,40 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/Itsmine.css">
</head>
<body>
<div class="swiper-wrapper ">
<ul class="swiper-slide1" style="margin-top: 1.1rem;">
</ul>
</div>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script>
class Browsinghistory{
constructor(){
header("浏览历史")
this.Browsinghistory()
}
Browsinghistory(){
item($(".swiper-slide1"), getItem("History"),3)
clicka(".swiper-slide1 li a",getItem("History"),"detail.html")
}
}
new Browsinghistory()
</script>
</html>

30
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/Institutiondetails.html Normal file
View File

@@ -0,0 +1,30 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/Institutiondetails.css">
</head>
<body>
<div class="swiper-wrapper ">
<ul class="swiper-slide1" style="margin-top: 1.1rem;">
</ul>
</div>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script src="../js/pagge/Institutiondetails.js"></script>
</html>

138
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/Itsmine.html Normal file
View File

@@ -0,0 +1,138 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/Itsmine.css">
<style>
.center {
margin-top: 0.9rem;
}
.center .center_shang {
width: 100%;
height: 3rem;
background-color: #fb7299a6;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.center .center_shang i {
font-size: 1.6rem;
color: aliceblue;
}
.center .center_shang p {
font-size: 0.5rem;
color: aliceblue;
}
.center .center_xia {
margin-top: 0.1rem;
}
.center .center_xia li {}
.center .center_xia li a {
display: flex;
justify-content: space-between;
align-items: center;
height: 0.8rem;
}
.center .center_xia li div {
display: flex;
align-items: center;
}
.center .center_xia li div>i {
margin-left: 0.2rem;
}
.center .center_xia li div>p {
margin-left: 0.2rem;
font-size: 0.36rem;
}
.center .center_xia li i {
margin-right: 0.15rem;
}
</style>
</head>
<!-- 我的页面 -->
<body>
<div class="center">
<div class="center_shang">
<i class="iconfont icon-wo"></i>
<p>个人</p>
</div>
<ul class="center_xia">
<li>
<a href="">
<div>
<i class="iconfont icon-xieyiguanli"></i>
<p>最近更新</p>
</div>
<i class="iconfont icon-qianjin-tongyong"></i>
</a>
</li>
<li>
<a href="MyCollection.html">
<div>
<i class="iconfont icon-xieyiguanli"></i>
<p>我的收藏</p>
</div>
<i class="iconfont icon-qianjin-tongyong"></i>
</a>
</li>
<li>
<a href="Browsinghistory.html">
<div>
<i class="iconfont icon-xieyiguanli"></i>
<p>历史记录</p>
</div>
<i class="iconfont icon-qianjin-tongyong"></i>
</a>
</li>
<li>
<a href="" class="ddr">
<div>
<i class="iconfont icon-xieyiguanli"></i>
<p>清除缓存</p>
</div>
<i class="iconfont icon-qianjin-tongyong"></i>
</a>
</li>
</ul>
</div>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script>
class Itsmine {
constructor() {
header("我的页面")
footer()
$(".ddr").tap(() => {
localStorage.clear()
})
}
}
new Itsmine();
</script>
</html>

89
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/Modeldetails.html Normal file
View File

@@ -0,0 +1,89 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/Modeldetails.css">
<style>
.sssss {
height: 1rem;
}
.swiper-slide1 {
font-size: 20px;
height: calc(100vh);
overflow-y: scroll;
}
</style>
</head>
<!-- 模特详情页 -->
<body>
<div class="sssss"></div>
<div class="swiper-wrapper ">
<ul class="swiper-slide1">
</ul>
</div>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script>
class Modeldetails {
constructor() {
header("模特详情")
this.Modeldetails()
}
indexs = 1
async Modeldetails() {
this.xunhuan()
$(".swiper-slide1").onscroll = (v) => {
const { clientHeight, scrollHeight, scrollTop } = $(".swiper-slide1");
let distance = scrollHeight - scrollTop - clientHeight;
console.log(distance)
if (distance <= 3) {
if (this.indexs < this.inde - 1) {
console.log(1)
this.indexs += 1;
console.log("this.indexs"+this.indexs)
this.xunhuan()
} else {
}
} else {
}
}
}
async xunhuan() {
let re = await indexserve.modelList(
{
id: query("id"),
page: this.indexs
}
)
console.log(re.result)
this.inde = re.result.total_page;
item($(".swiper-slide1"), re.result.data,2)
clicka(".swiper-wrapper ul li a", re.result.data,"detail.html")
console.log("this.inde"+this.inde)
}
}
new Modeldetails()
</script>
</html>

39
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/MyCollection.html Normal file
View File

@@ -0,0 +1,39 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/Institutiondetails.css">
</head>
<!-- 我的收藏 -->
<body>
<div class="swiper-wrapper ">
<ul class="swiper-slide1" style="margin-top: 1.1rem;">
</ul>
</div>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script>
class MyCollection{
constructor(){
header("我的收藏")
this.MyCollection()
}
MyCollection(){
item($(".swiper-slide1"), getItem("like"),3)
clicka(".swiper-slide1 li a",getItem("like"),"detail.html")
}
}
new MyCollection()
</script>
</html>

91
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/Search.html Normal file
View File

@@ -0,0 +1,91 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/Search.css">
<style>
.her{
width: 100%;
height: 1rem;
position: fixed;
top: 0;
left: 0;
background-color: var(--themeColor);
box-sizing: border-box;
z-index: 9999;
display: flex;
align-items: center;
}
.her i{
font-size: var(--f20);
margin: 0 0.2rem;
}
.her input{
height: 0.6rem;
flex: 1;
border-radius :0.5rem;;
font-size: var(--f15);
}
.her i:nth-child(1){
}
.her i:nth-child(2){}
</style>
</head>
<body>
<div class="her">
<i class="iconfont icon-back1 dddd1"></i>
<input type="text">
<i class="iconfont icon-search dddd"></i>
</div>
<div class="swiper-wrapper ">
<ul class="swiper-slide1" style="margin-top: 1.1rem;">
</ul>
</div>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script>
class Search{
constructor(){
this.search()
}
text=null
async search(){
$(".dddd").tap(({v,i})=>{
this.text=document.querySelector('input').value;
ddf()
})
// encodeURIComponent
let ddf=async ()=>{
let ddd= await indexserve.search({
keyword:decodeURIComponent(this.text),
page:1
})
item($(".swiper-slide1"), ddd.result,2)
clicka(".swiper-slide1 li a",ddd.result,"detail.html")
console.log(ddd)
}
$(".dddd1").tap(()=>{
history.back()
})
}
}
new Search()
</script>
</html>

69
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/classify.html Normal file
View File

@@ -0,0 +1,69 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/9.2.4/swiper-bundle.css" rel="stylesheet">
<link rel="stylesheet" href="../css/page/classify.css">
</head>
<body>
<div class="content">
<div class="title">已选菜单</div>
<ul class="list principal">
</ul>
<div class="title">可选菜单</div>
<ul class="list additional">
</ul>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/9.2.4/swiper-bundle.min.js"></script>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script src="../js/pagge/classify.js"></script>
<script>
class classify {
constructor() {
header("分类编辑")
this.renderList();
}
renderList() {
console.log(getItem("additional"))
$(".principal").innerHTML=""
$(".additional").innerHTML=""
$(".principal").html(getItem("principal").map(v => `<li>${v.title}</li>`))
$(".additional").html(getItem("additional").map(v => `<li>${v.title}</li>`))
_(".principal li").tap(({ v, i }) => {
i != 0 ? this.clickev("principal", "additional", { v, i }) : null
setItem("principalIII",getItem("principal"))
})
_(".additional li").tap(({ v, i }) => {
this.clickev("additional", "principal", { v, i })
})
}
clickev(principal, additional, item) {
let { v, i } = item;
let getAdditional = getItem(additional)
getAdditional.push(getItem(principal)[i])
setItem(additional, getAdditional)
setItem(principal, getItem(principal).filter(item => v.innerText != item.title))
this.renderList()
}
}
new classify()
</script>
</html>

183
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/detail.html Normal file
View File

@@ -0,0 +1,183 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/9.2.4/swiper-bundle.css" rel="stylesheet">
<link rel="stylesheet" href="../css/page/detail.css">
<style>
body {}
.content {
height: 100%;
height: calc(100vh);
overflow-y: scroll;
}
.content img {
height: 13.34rem;
width: 7.5rem;
background-color: aqua;
}
</style>
</head>
<body>
<div class="content">
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/9.2.4/swiper-bundle.min.js"></script>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script>
class Info {
inex = [[]];
index = 1;
constructor() {
let t
if (getItem("like").length == 0) {
t = '<i class="iconfont icon-xin Love"></i>'
} else {
console.log(getItem("like"))
try {
getItem("like").forEach((v) => {
if (v.id == query("id")) {
t = '<i class="iconfont icon-aixin Love"></i>'
throw new Error("第三");
} else {
t = '<i class="iconfont icon-xin Love"></i>'
}
})
} catch (e) {
if (e.message != "第三") throw e;
};
}
console.log(t)
header(query("title"), t)
this.detail()
this.Love()
}
async detail() {
console.log(query("quantity"), query("id"))
let info = await indexserve.info({
id: query("id"),
quantity: query("quantity")
})
console.log(info)
info.result.forEach((v, i) => {
if (i == (10 * this.index) - 1) {
this.inex[(this.index - 1)].push(v)
this.index += 1;
this.inex.push([])
} else {
this.inex[(this.index - 1)].push(v)
}
});
//滑动数组下标
this.indexs = 0;
this.xunhuan()
$(".content").onscroll = (v) => {
const { clientHeight, scrollHeight, scrollTop } = $(".content");
let distance = scrollHeight - scrollTop - clientHeight;
console.log(distance)
if (distance <= 1) {
if (this.indexs < this.index - 1) {
this.indexs += 1;
this.xunhuan()
} else {
alert(1)
}
} else {
}
}
}
dd = 0;
xunhuan() {
this.inex[this.indexs].forEach(v => {
$(".content").html(`
<img src=${v} alt="${this.dd += 1}">
`)
})
}
Love() {
$(".Love").tap(({ v, i }) => {
let ty = false;
if (getItem("like").length == 0) {
//没有查到添加进 like
this.Love1();
} else {
console.log(getItem("like"))
//查询是否存在
try {
getItem("like").forEach((c, i) => {
if (c.id == query("id")) {
let ssd = getItem("like").filter(item => item.id != query("id"))
setItem("like", ssd)
console.log(1)
$(".Love").removeClass("icon-aixin").appClass("icon-xin")
ty = true
}
})
} catch (e) {
if (e.message != "第三") throw e;
};
if (ty == false) {
this.Love1();
console.log(2)
}
}
})
}
//添加收藏
Love1() {
//没有查到添加进 like
let sss = {
id: query("id"),
quantity: query("quantity"),
title: query("title"),
img_src: query("img_src"),
}
let ddd = getItem("like")
ddd.push(sss)
setItem("like", ddd)
ddd = null
$(".Love").removeClass("icon-xin").appClass("icon-aixin")
}
}
new Info()
</script>
</html>

150
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/index.html Normal file
View File

@@ -0,0 +1,150 @@
<!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">
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/9.2.4/swiper-bundle.css" rel="stylesheet">
<link rel="stylesheet" href="../css/page/index.css">
<title>Document</title>
<style>
.header {
position: fixed;
width: 100%;
height: 1.6rem;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.header .header_top {
background: var(--themeColor);
height: 0.88rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
}
.header .header_top>i {
font-size: 0.45rem;
color: var(--whiteColor);
}
.header .header_top .search {
flex: 1;
background: var(--whiteColor);
height: 0.6rem;
border-radius: 0.6rem;
margin-left: 10px;
margin-right: 10px;
display: flex;
align-items: center;
}
.header .header_top .search i {
color: var(--textColor) !important;
font-size: 0.26rem !important;
margin-right: 0.1rem;
padding-top: 0.02rem;
margin-left: 0.26rem;
}
.header .header_top .search span {
font-size: var(--f12);
color: var(--textColor);
}
.header .header_menu {
height: 0.72rem;
display: flex;
align-items: center;
background: #fe7fa2;
}
.header .header_menu a {
color: #fff;
text-decoration: none;
width: 0.8rem;
height: 0.72rem;
text-align: center;
line-height: 0.72rem;
}
.header .header_menu ul {
flex: 1;
display: flex;
align-items: center;
overflow-x: scroll;
padding-left: 0.3rem;
}
.header .header_menu ul .active {
color: var(--whiteColor) !important;
}
.header .header_menu ul li {
font-size: 0.26rem;
margin-right: 0.26rem;
color: #d3d2d2;
flex-shrink: 0;
}
.content {
margin-top: 1.6rem;
}
.swiper-slide {
font-size: 20px;
}
</style>
</head>
<body>
<div class="header">
<div class="header_top">
<i class="iconfont icon-taozi1"></i>
<a class="search" href="Search.html">
<i class="iconfont icon-search"></i>
<span>200万张图，有你想要的...</span>
</a>
<i class="iconfont icon-wo"></i>
</div>
<div class="header_menu">
<ul>
</ul>
<a class="iconfont icon-edit" href="./classify.html"></a>
</div>
</div>
<div class="content">
<div class="swiper">
<div class="swiper-wrapper">
</div>
</div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/9.2.4/swiper-bundle.min.js"></script>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script src="../js/pagge/index.js">
</script>
</html>

118
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/mannequin.html Normal file
View File

@@ -0,0 +1,118 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/mannequin.css">
<style>
.center{
display: flex;
width: 100%;
margin-top: 1.1rem;
flex-wrap: wrap;
align-items: center;
}
.center li{
width: 25%;
flex-shrink: 0;
margin-bottom: 0.3rem;
}
.center li a{
display: flex;
align-items: center;
flex-direction: column;
}
.center li a .center_div{
width: 1.1256rem;
position: relative;
}
.center li a .center_div img{
width: 100%;
height: 100%;
border-radius: 100%;
}
.center li a .center_div>div{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #6969698c;
color: #fff;
padding: .002rem;
width: 0.5rem;
height: .2rem;
text-align: center;
padding: .03rem 0;
border-radius: 0.11rem;
}
.center li a .center_div>div p{
font-size: var(--f12);
zoom: 0.7;
}
.center_div1{
font-size: var(--f12);
zoom: 0.85;
margin-top: .1rem;
color: dimgrey;
}
</style>
</head>
<!-- 模特页面 -->
<body>
<ul class="center">
</ul>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script>
class mannequin {
constructor() {
footer()
this.allModel();
header("模特")
}
async allModel() {
let allModel = await indexserve.allModel();
console.log(allModel)
$(".center").html(`
${
allModel.result.map(v=>{
return `
<li>
<a href="./Modeldetails.html?id=${v.id}&page=1">
<div class="center_div">
<img src=${v.img}>
<div><p>${v.shengao}套</p></div>
</div>
<div class="center_div1">${v.title}</div>
</a>
</li>
`
})
}
`)
}
}
new mannequin()
</script>
</html>

31
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/得到/page/mechanism.html Normal file
View File

@@ -0,0 +1,31 @@
<!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>Document</title>
<script src="../js/utils/rem.js"></script>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_2124975_ogwnuct6mbe.css">
<link rel="stylesheet" href="../css/public/hea.css">
<link rel="stylesheet" href="../css/page/mechanism.css">
</head>
<body>
<div class="header">
<a class="iconfont icon-back1" href="./index.html"></a>
<p>机构</p>
</div>
<ul class="content">
</ul>
</body>
<script src="../js/config/index.js"></script>
<script src="../js/http/index.js"></script>
<script src="../js/serve/index.js"></script>
<script src="../js/utils/index.js"></script>
<script src="../js/pagge/mechanism.js"></script>
</html>