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

104
历届学生/fontendsix/项目练习/学生项目/计梦梦/聊天 copy/fontend/css/ImagePreview.css Normal file
View File

@@ -0,0 +1,104 @@
.bmy_image_preview {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999999;
}
.bmy_mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .5;
background: #000;
z-index: -1;
}
.bmy_menu {
position: absolute;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
width: 282px;
height: 44px;
padding: 0 23px;
background-color: #606266;
border-color: #fff;
border-radius: 22px;
display: flex;
align-items: center;
justify-content: space-between;
opacity: .8;
}
.bmy_menu i {
color: #fff;
font-size: 23px;
font-weight: 400;
}
.bmy_menu li:nth-child(3){
width: 60px;
text-align: center;
}
.bmy_menu li:nth-child(4) {
transform: rotateY(180deg);
}
.bmy_close {
top: 40px;
right: 40px;
width: 40px;
height: 40px;
font-size: 24px;
color: #fff;
background-color: #606266;
}
.bmy_prev,
.bmy_next {
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
font-size: 24px;
color: #fff;
background-color: #606266;
border-color: #fff;
}
.bmy_prev {
left: 40px;
}
.bmy_next {
right: 40px;
text-indent: 2px;
}
.bmy_button {
position: absolute;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
opacity: .8;
cursor: pointer;
box-sizing: border-box;
user-select: none;
}
.bmy_image_canvas {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.bmy_image_canvas img {
transition: all 0.3s ease;
}
.sx {
max-height: 100%;
max-width: 100%;
}

42
历届学生/fontendsix/项目练习/学生项目/计梦梦/聊天 copy/fontend/css/clear.css Normal file
View File

@@ -0,0 +1,42 @@
body,
html,
ul,
li,
h2,
h3,
h4,
h5,
h6,
h1,
p,
i {
margin: 0 ;
list-style: none;
padding: 0;
}
a {
text-decoration: none;
color: #333;
user-select: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input {
outline: none;
}
body, html {
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: 0;
height: 0;
}
.swiper-wrapper .swiper-slide {
height: calc(100vh - 1.6rem - 1rem);
overflow-y: scroll;
}

233
历届学生/fontendsix/项目练习/学生项目/计梦梦/聊天 copy/fontend/css/index.css Normal file
View File

@@ -0,0 +1,233 @@
body {
overflow: hidden;
}
.header {
height: 55px;
background: #e7e6e6;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px;
box-sizing: border-box;
}
.group_name {
font-size: 18px;
font-weight: 20;
}
.header .right {
display: flex;
align-items: center;
}
.header .right img {
width: 35px;
height: 35px;
border-radius: 100%;
margin-left: 10px;
}
.header .right span {
font-size: 16px;
}
.content {
height: calc(100vh - 55px - 100px);
display: flex;
width: 100%;
}
.content_left {
width: 80%;
height: 100%;
padding: 10px 15px 0 10px;
overflow-y: scroll;
}
.content_right {
width: 20%;
height: 100%;
background: #f6f7f9;
box-sizing: border-box;
padding-bottom: 0;
padding: 10px;
padding-top: 0 !important;
}
.chat_record {
padding-left: 0;
}
.chat_record li {
display: flex;
margin-bottom: 30px;
}
.chat_record li .user_img{
width: 40px;
height: 40px;
border-radius: 100%;
margin-right: 10px;
}
.chat_record li .record_right{
width: calc(100% - 100px);
}
.list_title {
height: 40px;
display: flex;
align-items: center;
box-sizing: border-box;
font-size: 14px;
font-weight: 500;
}
.online_user_list {
width: 100%;
height: calc(100% - 40px);
overflow-y: scroll;
}
.online_user_list li {
display: flex;
height: 40px;
align-items: center;
}
.online_user_list li img {
width: 30px;
height: 30px;
margin-right: 10px;
border-radius: 100%;
}
.online_user_list li img span {
font-size: 14px;
}
.chat_record li .user_nickname{
color: #777;
margin-bottom: 8px;
}
.chat_record li .record_content{
font-size: #000;
box-sizing: border-box;
word-break: break-word;
word-wrap: break-word;
display: inline-block;
}
.mes_right {
justify-content: flex-end;
}
.mes_right .user_img {
margin-right: 0 !important;
margin-left: 10px;
}
.mes_right .record_right {
order: -1;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.mes_right .user_nickname {
text-align: right;
}
.footer {
height: 100px;
width: 100%;
border-top: 1px solid #e4e4e4;
box-sizing: border-box;
}
.footer_action {
display: flex;
height: 35px;
align-items: center;
padding: 0 15px;
position: relative;
}
.footer_action .menu {
position: absolute;
width: 460px;
height: 300px;
bottom: 35px;
left: 0;
box-shadow: 1px -1px 10px #bebbbb;
z-index: 9;
background: #fff;
border-radius: 4px;
}
.footer_action .menu .menu_title {
width: 100%;
height: 40px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
padding: 0 15px;
box-sizing: border-box;
border-bottom: 1px solid #e9e9e9;
}
.menu_body {
height: calc(300px - 40px - 30px);
overflow-y: scroll;
padding: 10px 15px;
box-sizing: border-box;
}
.menu_body .body_content {
display: none;
}
.look img {
width: 25px;
height: 25px;
font-size: 0;
margin-bottom: 10px;
}
.gif img{
width: 40px;
height: 40px;
}
.menu_body .active {
display: inline-block !important;
}
.menu_footer {
width: 100%;
height: 30px;
display: flex;
align-items: center;
background: #e5e5e5;
box-sizing: border-box;
}
.menu_footer li {
width: 13%;
text-align: center;
height: 100%;
line-height: 30px;
cursor: pointer;
}
.menu_footer .footer_active {
background: #fff;
}
.footer_action i {
display: inline-block;
margin-right: 10px;
}
.record_text {
width: 100%;
height: calc(100px - 35px);
outline: none;
overflow-y: scroll;
padding: 2px 10px;
box-sizing: border-box;
font-size: 16px;
}
.record_text img,
.record_content img{
width: 25px;
height: 25px;
}
.system {
text-align: center;
}
.system span {
color: #ffff;
background: #8d8d8d;
padding: 5px 10px;
border-radius: 10px;
margin: 0 auto;
max-width: 90%;
}
.qp {
padding: 10px;
border-radius: 10px;
}

58
历届学生/fontendsix/项目练习/学生项目/计梦梦/聊天 copy/fontend/css/login.css Normal file
View File

@@ -0,0 +1,58 @@
body {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
}
.login {
width: 100%;
background: #fff;
border-radius: 10px;
text-align: center;
margin-top: -80px;
}
.login img {
width: 100px;
height: 100px;
border-radius: 100%;
margin-bottom: 50px;
margin-top: 30px;
}
.username {
margin-bottom: 8px;
}
.login input {
width: 185px;
border: none;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 8px;
font-size: 12px;
color: #929090;
margin-bottom: 10px;
}
.enter {
width: 50%;
height: 40px;
text-align: center;
line-height: 40px;
background: #bebcbc;
color: #fff;
font-size: 16px;
border-radius: 6px;
margin: 0 auto;
}
.chiooseUserImg {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.chiooseUserImg li {
width: 18%;
margin-right: 10px;
margin-bottom: 10px;
}
.active {
border: 1px solid red;
}

6
历届学生/fontendsix/项目练习/学生项目/计梦梦/聊天 copy/fontend/css/zui.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long