<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>非暴力沟通</title>
<!-- div细节 -->
<style media="screen">
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 50px;
margin: 0;
}
/* 顶栏导航 */
.navigation {
width: 100%;
background-color: #1e6fdf;
position: fixed;
z-index: 5;
display: flex;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.navigation a {
flex:1;
text-align: center;
text-decoration: none;
color: white;
padding: 10px;
}
/* 标题 */
.top {
background-color: #5d9bf1;
width:100%;
overflow: auto;
}
.top_title {
padding-top: 90px;
padding-left: 30px;
font-size: 90px;
font-weight: 900;
margin-top: 50px;
}
.top p {
color: white;
padding-left: 30px;
padding-bottom: 30px;
font-size: 40px;
}
/* 代码链接部分 */
.code {
width:33%;
margin-left: 62%;
margin-top: 20px;
margin-bottom: 20px;
background-color: #ff9900;
border-radius:35px;
height:70px;
text-align: center;
}
.code a {
text-decoration: none;
color: white;
padding-left: 20px;
}
/* 标题 */
.titleSecond {
margin-top: 50px;
margin-bottom: -50px;
margin-left: 30px;
}
.title_back {
background-color: #ff9933;
width: 10%;
height: 70px;
position: relative;
left: -5%;
border-radius: 16px;
}
.title_name {
position: relative;
top:-70px;
font-weight: 600;
font-size: 60px;
line-height: 70px;
}
/* 设计理念 */
.notion {
position: relative;
width:100%;
display: flex;
justify-content: center;
}
.notion_content {
width:90%;
margin:20px;
}
.notion_show {
cursor:pointer;
width: 100%;
height:120px;
background-color:#1e6fdf;
border-radius: 25px;
border: 5px solid white;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);
display: flex;
}
.notion_text {
text-align: left;
padding-left: 10%;
line-height: 120px;
color:white;
font-size: 60px;
font-weight: 500;
width: 75%;
}
.icon-xiala {
margin: 20px;
transform: rotateX(0deg);
}
.notion_hide p{
margin: 0% 2%;
display:block;
color:#666666;
}
.notion_hide {
margin: 0 auto;
width: 95%;
display:none;
border:5px solid #1e6fdf;
border-radius: 0px 0px 16px 16px;
border-top: none;
}
/* 用户分析部分 */
.person {
position: relative;
width:100%;
}
.personBox {
display: flex;
margin: 2%;
}
.person1 {
background: #0d9eea;
width:48%;
margin:2%;
text-align: left;
border-radius: 16px;
display: flex;
flex-direction: column;
}
.person2 {
background: #e41d4c;
width:48%;
margin:2%;
text-align: center;
text-align: left;
border-radius: 16px;
display: flex;
flex-direction: column;
}
.person_title {
font-size: 75px;
color: white;
margin: 3%;
margin-bottom: 5%;
}
.person_content {
font-size: 50px;
color: white;
margin: 3%;
margin-bottom: 10%;
}
.person1 p {
font-size: 250px;
font-weight: 900;
color: #086ea4;
margin: 0;
margin-left: 50%;
align-self: flex-end;
}
.person2 p {
font-size: 250px;
font-weight: 900;
color: #ae062e;
margin: 0;
margin-left: 50%;
align-self: flex-end;
}
/* 情景部分 */
.situation {
width: 100%;
}
.situation_back {
width: 100%;
height: 500px;
background-color: #1b70dd;
position: relative;
top: -400px;
margin-bottom: -400px;
z-index: -1;
}
.situation_container {
display: flex;
flex-direction: row;
width: 100%;
overflow:hidden;
overflow-x:scroll;
}
.situation_content {
flex: 0 0 60%;
margin: 2%;
}
.situation_title {
font-weight: 700;
margin-left: 3%;
margin-bottom: 0px;
}
.situation_img {
width: 100%;
}
/* 问题与方案 */
.qa {
width: 100%;
margin: 0;
}
.qa_container {
width:96%;
margin: 2%;
display: flex;
border-radius: 20px;
background-color: #d4e0f2;
}
.question {
width:56%;
margin:2%;
}
.question p {
margin: 1%;
font-weight: 500;
}
.answer {
width: 40%;
height: inherit;
border-radius: 20px;
margin-right: 0;
background-color: #1e6fdf;
}
.answer h3 {
margin-left: 5%;
margin-top: 5%;
margin-bottom: 2%;
color: #ff9900;
}
.answer p {
margin-left: 5%;
color: white;
margin-top: 2%;
}
/* 设计要点 */
.point {
margin: 0;
width: 100%;
}
.pointContainer {
margin:0;
display: flex;
width: 100%;
flex-wrap: wrap;
}
.pointContainer p {
margin: 1.5%;
margin-top: 3%;
}
.pointContainer h3 {
text-align: center;
margin-top:
基于Javascript的北京邮电大学数字媒体与设计艺术学院艺术专硕复试用作品集项目设计源码
版权申诉
184 浏览量
2024-04-05
07:26:39
上传
评论
收藏 24.84MB ZIP 举报
基于Javascript的北京邮电大学数字媒体与设计艺术学院艺术专硕复试用作品集项目设计源码 （1198个子文件） 
.all-contributorsrc 41KB .browserslistrc 853B Cakefile 624B mkdirp.cmd 176B mime.cmd 164B ipaddr.test.coffee 16KB ipaddr.coffee 14KB demo.css 8KB iconfont.css 3KB .editorconfig 147B iconfont.eot 3KB preamble.error 65B .eslintignore 120B .eslintignore 5B .eslintignore 5B .eslintrc 477B .eslintrc 477B .gitignore 619B .gitkeep 0B part7.header 116B part6.header 116B part2.header 110B part2.header 110B preamble.header 90B part3.header 70B part3.header 70B part4.header 67B part4.header 67B part2.header 62B part2.header 62B part5.header 61B part5.header 61B part1.header 56B part1.header 56B part6.header 55B part7.header 55B part1.header 53B part1.header 53B
first.html 33KB second_1.html 21KB second_4.html 18KB second_3.html 18KB second_2.html 15KB second.html 13KB third.html 12KB demo_index.html 12KB fourth.html 11KB 160-scroll-container.html 8KB app.component.html 6KB 420-custom-plugin.html 4KB 360-parallax.html 4KB 430-slideable-menu.html 4KB index.html 4KB 310-thumbs-gallery-loop.html 4KB 300-thumbs-gallery.html 4KB 290-dynamic-slides.html 4KB 320-multiple-swipers.html 4KB 410-virtual-slides.html 4KB 211-slides-per-group-skip.html 3KB 370-lazy-load-images.html 3KB 440-change-direction.html 3KB 180-nested.html 3KB 270-mousewheel-control.html 3KB 330-hash-navigation.html 3KB 070-pagination-custom.html 3KB 381-ratio-breakpoints.html 3KB 260-keyboard-control.html 2KB 280-autoplay.html 2KB 380-responsive-breakpoints.html 2KB 210-infinite-loop-with-slides-per-group.html 2KB 200-infinite-loop.html 2KB 340-history.html 2KB 240-effect-coverflow.html 2KB 145-css-mode.html 2KB 350-rtl.html 2KB 140-centered-auto.html 2KB 120-slides-per-view-auto.html 2KB 170-slides-per-column.html 2KB 050-pagination-progress.html 2KB 060-pagination-fraction.html 2KB 190-grab-cursor.html 2KB 130-centered.html 2KB 150-freemode.html 2KB 020-navigation.html 2KB 110-slides-per-view.html 2KB 090-vertical.html 2KB 100-space-between.html 2KB 450-watchSlidesVisibility.html 2KB 390-autoheight.html 2KB 040-pagination-dynamic.html 2KB 080-scrollbar.html 2KB 030-pagination.html 2KB 220-effect-fade.html 2KB swiper.component.html 2KB 250-effect-flip.html 2KB 230-effect-cube.html 2KB 400-zoom.html 2KB 010-default.html 2KB index.html 1KB test.html 1KB共 1198 条
- 1
- 2
- 3
- 4
- 5
- 6
- 12
资源评论
