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

10
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.16/clear.css Normal file
View File

@@ -0,0 +1,10 @@
/* 清除浏览器默认样式的css代码 */
body,ul,input,li,a ,p{
margin: 0;
padding: 0;
/* font-size: 0; */
border: none;
outline: none;
list-style: none;
text-decoration: none;
}

18
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.16/public.css Normal file
View File

@@ -0,0 +1,18 @@
/* 公共样式的css代码 */
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.hidden {
overflow: hidden ;
}
.reset {
line-height: 1;
}

55
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.16/橱窗app.css Normal file
View File

@@ -0,0 +1,55 @@
.header {
position: fixed;
height: .9rem;
background: #fff;
display: flex;
top: 0;
width: 100%;
align-items: center;
justify-content: space-between;
padding: 0 0.26rem;
box-sizing: border-box;
border-bottom: 0.01rem solid #e9e9e9;
}
.header .title {
font-size: 0.34rem;
color: #010101;
}
.header .icon-zuojiantou1 {
color: #010101;
font-size: .3rem;
}
.list{
padding-left: 0.33rem;
}
.list li{
margin-top: 45px;
display: flex;
border-bottom: 0.01rem solid #e9e9e9;
width: 100%;
height: 1.11rem;
align-items: center;
justify-content: space-between;
padding-right: .3rem;
box-sizing: border-box;
}
.list li .touxiang{
font-size:0.32rem ;
color: #000;
}
.list li .photo img{
border-radius: 100%;
width: 0.64rem;
height: 0.64rem;
padding-right: 0.15rem;
}
.photo{
display: flex;
align-items: center;
}

51
历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.16/橱窗app.html Normal file
View File

@@ -0,0 +1,51 @@
<!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_3888527_7tklo9l16jl.css">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./橱窗app.css">
</head>
<body>
<div class="header">
<i class="iconfont icon-zuojiantou1"></i>
<div class="title">编辑个人资料</div>
<div></div>
</div>
<div class="content">
<ul class="list">
<li>
<div class="touxiang">头像</div>
<div class="photo">
<img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/web" alt="">
<i class="iconfont icon-zuojiantou1-copy"></i>
</div>
</li>
</ul>
</div>
<div class="footer"></div>
</body>
</html>