-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9387d39
commit 98eacf0
Showing
92 changed files
with
11,519 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
587 changes: 587 additions & 0 deletions
587
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap-theme.css
Large diffs are not rendered by default.
Oops, something went wrong.
1 change: 1 addition & 0 deletions
1
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap-theme.css.map
Large diffs are not rendered by default.
Oops, something went wrong.
6 changes: 6 additions & 0 deletions
6
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css
Large diffs are not rendered by default.
Oops, something went wrong.
1 change: 1 addition & 0 deletions
1
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css.map
Large diffs are not rendered by default.
Oops, something went wrong.
8,347 changes: 8,347 additions & 0 deletions
8,347
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap.css
Large diffs are not rendered by default.
Oops, something went wrong.
1 change: 1 addition & 0 deletions
1
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap.css.map
Large diffs are not rendered by default.
Oops, something went wrong.
6 changes: 6 additions & 0 deletions
6
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap.min.css
Large diffs are not rendered by default.
Oops, something went wrong.
1 change: 1 addition & 0 deletions
1
环创项目1/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap.min.css.map
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,144 @@ | ||
body .tab { | ||
height: 600px; | ||
position: relative; | ||
} | ||
|
||
.tab .tab-nav1 { | ||
display: flex; | ||
justify-content: space-between; | ||
padding: 0; | ||
margin: 0 !important; | ||
margin-top: 30px !important; | ||
} | ||
|
||
.tab-nav1 ul { | ||
list-style: none; | ||
} | ||
|
||
.text1 { | ||
margin-top: 60px; | ||
} | ||
|
||
.s { | ||
float: left; | ||
/* background: url(img/bai.png); */ | ||
width: 65px !important; | ||
} | ||
|
||
.s img { | ||
margin-left: 12px; | ||
} | ||
|
||
.tab-nav1 ul li { | ||
width: 65px; | ||
height: 100px; | ||
margin-right: 5px; | ||
font-size: 14px; | ||
float: left; | ||
position: 0 !important; | ||
margin-left: -10px !important; | ||
margin-top: 0 !important; | ||
} | ||
|
||
.tab-nav1 ul li a { | ||
text-decoration: none; | ||
border-bottom: 2px solid transparent; | ||
/* color: #333; */ | ||
} | ||
|
||
.tab-nav1 ul li a.active { | ||
border-color: #e1251b; | ||
color: #e1251b; | ||
} | ||
|
||
|
||
.superior1 { | ||
margin-left: 0 !important; | ||
} | ||
|
||
.tit { | ||
width: 1200px; | ||
height: 100px; | ||
line-height: 100px; | ||
float: left; | ||
text-align: center; | ||
font-size: 30px; | ||
} | ||
|
||
.del { | ||
width: 55px; | ||
display: block; | ||
color: #a0a0a0; | ||
float: left; | ||
} | ||
|
||
.del1 { | ||
margin-left: 480px; | ||
} | ||
|
||
.tit1 { | ||
display: block; | ||
float: left; | ||
} | ||
|
||
.pass { | ||
width: 280px; | ||
height: 40px; | ||
line-height: 40px; | ||
border: 3px solid pink; | ||
float: left; | ||
margin-top: 30px; | ||
margin-left: 30px; | ||
border-radius: 12px; | ||
background-color: #efefef; | ||
} | ||
|
||
.imgs { | ||
margin-left: 10px; | ||
width: 40px; | ||
height: 40px; | ||
border-radius: 20px; | ||
float: left; | ||
} | ||
|
||
.imgs img { | ||
width: 100%; | ||
height: 100%; | ||
border-radius: 20px; | ||
} | ||
|
||
.love { | ||
float: left; | ||
font-size: 18px; | ||
margin-left: 18px; | ||
} | ||
|
||
.superior { | ||
width: 1200px; | ||
height: 120px; | ||
float: left; | ||
border-bottom: 3px solid rgb(114, 114, 114); | ||
} | ||
|
||
li { | ||
list-style: none; | ||
} | ||
|
||
.superior .active { | ||
display: block; | ||
} | ||
|
||
.superior ul { | ||
float: left; | ||
} | ||
|
||
|
||
|
||
.s .text1 { | ||
width: 65px; | ||
font-size: 10px; | ||
height: 30px; | ||
text-decoration: none; | ||
list-style: none; | ||
/* color: #000; */ | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Document</title> | ||
<link rel="stylesheet" href="new.css"> | ||
<style> | ||
.ti { | ||
width: 100%; | ||
font-size: 25px; | ||
text-align: center; | ||
} | ||
|
||
.x { | ||
margin-left: 10px; | ||
} | ||
</style> | ||
|
||
</head> | ||
|
||
<body> | ||
<!-- new --> | ||
<div class="ti">一新闻中心一</div> | ||
<!-- <div class="tit container hidden-xs" id="c1"> | ||
<div class="del del1"><del> </del></div> | ||
<div class="tit1"><strong>新闻中心</strong></div> | ||
<div class="del"><del> </del></div> | ||
</div> --> | ||
<div class="container nw"> | ||
<div class="x"> | ||
<div class="new"> | ||
<div class="new1"></div> | ||
</div> | ||
<h3>4店同开,黑金店强势入驻巴西</h3> | ||
10月12日,黑金店强势入驻巴西市场,一天内共有4家店同时开业,其中3家在圣保罗,一家在里约。 | ||
</div> | ||
<div class="x"> | ||
<div class="new"> | ||
<div class="new2"></div> | ||
</div> | ||
<h3>亮相IRF印度零售展并获最佳零售奖</h3> | ||
9月24-25日,零售展,漫威、故宫宫廷文化、粉红豹、咱们裸熊、探险活宝等多个IP系列新品在展会上惊艳亮相 | ||
进驻巴黎时尚家居设计展 | ||
</div> | ||
<div class="x"> | ||
<div class="new"> | ||
<div class="new3"></div> | ||
</div> | ||
<h3>进驻巴黎时尚家居设计展</h3> | ||
<div>9月6日-9月10日,M&秋季展在法国巴黎举办,汇聚了世界各地的优秀家居设计品牌 | ||
</div> | ||
</div> | ||
</div> | ||
<script src="new.css"></script> | ||
</body> | ||
|
||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,86 @@ | ||
// 轮播图 | ||
let left = document.querySelector(".button-left") | ||
let right = document.querySelector(".button-right") | ||
let m = document.querySelectorAll(".m") | ||
let images = document.querySelector(".images") | ||
let shell = document.querySelector(".shell") | ||
let index = 0 | ||
let time | ||
function position() { | ||
images.style.left = (index * -100) + "%" | ||
} | ||
function add() { | ||
if (index >= m.length - 1) { | ||
index = 0 | ||
} else { | ||
index++ | ||
} | ||
for (let i = 0; i < m.length; i++) { | ||
m[i].classList.remove('ac') | ||
} | ||
m[index].classList.add('ac') | ||
} | ||
|
||
function desc() { | ||
if (index < 1) { | ||
index = m.length - 1 | ||
} else { | ||
index-- | ||
} | ||
for (let i = 0; i < m.length; i++) { | ||
m[i].classList.remove('ac') | ||
} | ||
m[index].classList.add('ac') | ||
} | ||
|
||
function timer() { | ||
time = setInterval(() => { | ||
index++ | ||
desc() | ||
add() | ||
position() | ||
}, 3000) | ||
} | ||
// 左边的按钮 | ||
|
||
left.addEventListener("click", () => { | ||
desc() | ||
position() | ||
// clearInterval(time) | ||
// timer() | ||
}) | ||
// 右边的按钮 | ||
right.addEventListener("click", () => { | ||
add() | ||
position() | ||
// clearInterval(time) | ||
// timer() | ||
}) | ||
|
||
for (let i = 0; i < m.length; i++) { | ||
m[i].addEventListener("click", () => { | ||
index = i; | ||
for (let i = 0; i < m.length; i++) { | ||
m[i].classList.remove('ac') | ||
} | ||
m[index].classList.add('ac') | ||
position(); | ||
// clearInterval(time) | ||
// timer() | ||
}) | ||
} | ||
// timer() | ||
|
||
shell.addEventListener('mouseenter', function () { | ||
clearInterval(time) | ||
}) | ||
|
||
shell.addEventListener('mouseleave', function timer() { | ||
time = setInterval(() => { | ||
index++ | ||
desc() | ||
add() | ||
position() | ||
console.log('1'); | ||
}, 3000) | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
.shell { | ||
overflow: hidden; | ||
border-radius: 15px; | ||
box-shadow: 10px 5px 50px rgba(122, 39, 39, 0.39); | ||
padding: 0 !important; | ||
} | ||
|
||
.images { | ||
width: 100%; | ||
height: 100%; | ||
display: flex; | ||
position: relative; | ||
/* position: absolute; */ | ||
left: 0; | ||
transition: .2s; | ||
} | ||
|
||
.images img { | ||
width: 100%; | ||
background-size: cover; | ||
flex-shrink: 0; | ||
} | ||
|
||
|
||
.min { | ||
display: flex; | ||
justify-content: space-evenly; | ||
position: absolute; | ||
bottom: 40px; | ||
width: 30%; | ||
z-index: 999; | ||
left: 50%; | ||
transform: translateX(-50%); | ||
} | ||
|
||
.m { | ||
width: 18px; | ||
height: 18px; | ||
cursor: pointer; | ||
border-radius: 50%; | ||
border: solid rgba(255, 255, 255, 0.5) 2px; | ||
background-color: rgb(255, 255, 255, 0.3); | ||
} | ||
|
||
.m:hover { | ||
background-color: rgb(255, 232, 190); | ||
} | ||
|
||
.min .ac { | ||
width: 20px; | ||
height: 20px; | ||
background-color: rgb(255, 172, 17); | ||
border: solid rgba(255, 255, 255, 0.5) 3px; | ||
transform: scale(1.3); | ||
} | ||
|
||
.button { | ||
width: 100%; | ||
height: 100%; | ||
position: absolute; | ||
top: 2px; | ||
display: flex; | ||
justify-content: space-between; | ||
z-index: 99; | ||
user-select: none; | ||
} | ||
|
||
.button-left, | ||
.button-right { | ||
height: 100% !important; | ||
font-size: 50px; | ||
background-color: rgba(102, 123, 161, 0.288); | ||
padding: 0 20px; | ||
cursor: pointer; | ||
line-height: 800px; | ||
color: #fff; | ||
} |
Oops, something went wrong.