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

8
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.16橱窗 页面练习/clear.css Normal file
View File

@@ -0,0 +1,8 @@
body,ul,input,li,a{
margin: 0;
padding: 0;
border: none;
outline: none;
list-style: none;
text-decoration: none;
}

67
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.16橱窗 页面练习/index.css Normal file
View File

@@ -0,0 +1,67 @@
.header{
width: 100%;
height: .9rem;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.26rem;
box-sizing: border-box;
top: 0;
position: fixed;
border-bottom: 0.01rem solid #e9e9e9;
}
.header .title{
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #010101;
}
.header i{
color: #010101;
}
.content{
margin-top: .9rem;
}
.list{
padding-left: 0.33rem;
}
.list li{
display: flex;
justify-content: space-between;
align-items: center;
height: 1.11rem;
padding-right: 0.35rem;
box-sizing: border-box;
border-bottom: 0.01rem solid #e9e9e9;
}
.list li .list_text{
font-family: PingFang-SC-Medium;
font-size: 0.32rem;
color: #000000;
}
.list li:first-child .list_logo{
align-items: center !important;
}
.list li .list_logo{
display: flex;
align-items: baseline;
}
.list li .list_logo img {
width: 0.64rem;
height: 0.64rem;
border-radius: 100%;
margin-right: 0.15rem;
}
.list li .list_logo i{
color: #bfbfbf;
font-size: .26rem;
}
.list li .list_logo .name{
font-size: 0.28rem;
color: #969696;
}
.list li .list_logo .name_1{
color: #c4c4c4;
font-size: 0.28rem;
}

100
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.16橱窗 页面练习/index.html Normal file
View File

@@ -0,0 +1,100 @@
<!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 type="text/javascript">
(function (w, d) {
function setSize() {
// 获取屏幕的宽度 375px
var screenWidth = d.documentElement.clientWidth;
// 根据规则计算 html 的font-size数值
var currentFontSize = screenWidth * 100 / 750;
// 修改html上的font-size
d.documentElement.style.fontSize = currentFontSize + 'px';
}
w.addEventListener('resize', setSize);
w.addEventListener('pageShow', setSize)
w.addEventListener('DOMContentLoaded', setSize)
})(window, document)
</script>
<link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3888619_bnszs9m7c3t.css">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="header">
<i class="iconfont icon-gengduo-copy"></i>
<div class="title">
编辑个人资料
</div>
<div></div>
</div>
<div class="content">
<ul class="list">
<li>
<div class="list_text">头像</div>
<div class="list_logo">
<img src="https://upload.jianshu.io/users/upload_avatars/3343569/6940ee65-036f-4b7a-9935-5915d9b67d14.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="">
<i class="iconfont icon-gengduo"></i>
</div>
</li>
<li>
<div class="list_text">昵称</div>
<div class="list_logo">
<div class="name">小徐</div>
<i class="iconfont icon-gengduo"></i>
</div>
</li>
<li>
<div class="list_text">昵称</div>
<div class="list_logo">
<div class="name">小徐</div>
<i class="iconfont icon-gengduo"></i>
</div>
</li>
<li>
<div class="list_text">用户</div>
<div class="list_logo">
<div class="name">1122112211</div>
<i class="iconfont icon-gengduo"></i>
</div>
</li>
<li>
<div class="list_text">性别</div>
<div class="list_logo">
<div class="name">女</div>
<i class="iconfont icon-gengduo"></i>
</div>
</li>
<li>
<div class="list_text">所在地</div>
<div class="list_logo">
<div class="name">安徽省</div>
<i class="iconfont icon-gengduo"></i>
</div>
</li>
<li>
<div class="list_text">个人介绍</div>
<div class="list_logo">
<div class="name_1">填写个人资料更容易获得关注</div>
<i class="iconfont icon-gengduo"></i>
</div>
</li>
</ul>
</div>
<div class="footer"></div>
</body>
</html>