diff --git a/css/style.css b/css/style.css index d9014f3..fbb7bf2 100644 --- a/css/style.css +++ b/css/style.css @@ -52,7 +52,7 @@ display: flex; justify-content: space-between; background-color: #fff; - padding: 15px 45px 6px 45px; + padding: 6px 45px 10px 45px; box-shadow: 0px -3px 10px rgba(178, 45, 42,.5); } .footer a { @@ -286,6 +286,57 @@ display: none; } +.header-box {background: url(../imgs/public/logo-back.png) no-repeat;background-size: 100% 100%;} +.logo-box {margin: 0px 70px;padding: 90px 0 20px 0;} +.logo-box img { + animation: logod 1s linear forwards; +} +@keyframes logod{ + from{opacity: 0;} + to{opacity: 1;} +} +.zhuti-box img { + animation: zhuti .5s linear forwards; +} +@keyframes zhuti{ + from{transform: translateY(-25px);} + to{transform: translateY(0);} +} +.zhuti-box {margin: 0px 40px;} +.item-box {padding: 20px 20px 10px 20px;display: flex;justify-content: center;align-items: center;} +.item-box div {width: 25%;display: flex;flex-direction: column; align-items: center;position: relative;color: #FFFFFF;} +.item-box div::after { + content: ''; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + display: block; + height: 50%; + border-right: 1px solid #FFFFFF; +} +.item-box div:last-child::after { + border-right: none; +} +.item-box div img {width: 22px;height: auto;} +.item-box div span {font-size: 12px;transform: scale(.7);flex-shrink: 0;} +.item-box div p {font-size: 15px;flex-shrink: 0;margin-top: -4px;} + +.item-box div img { + animation: licheng .5s linear forwards; +} +@keyframes licheng{ + from{transform: translateY(-25px);} + to{transform: translateY(0);} +} +.item-box div p { + animation: zhan .5s linear forwards; +} +@keyframes zhan{ + from{transform: translateY(25px);} + to{transform: translateY(0);} +} +.tank {display: none; position: fixed;z-index: 100;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: rgba(0,0,0,.5);border-radius: 2px;color: #FFFFFF;padding: 6px 16px;font-size: 14px;} .swiper-container {width: 100%;height: 160px;overflow: visible!important;margin-bottom: 20px;} .swiper-container .swiper-wrapper .swiper-slide{ border-radius: 12px;width: 57%;position: relative;} .swiper-container .swiper-wrapper .swiper-slide img{height: 160px; border-radius: 12px;} diff --git a/imgs/public/jiyu-icon.png b/imgs/public/jiyu-icon.png index 62fdd35..b0bdfcb 100644 Binary files a/imgs/public/jiyu-icon.png and b/imgs/public/jiyu-icon.png differ diff --git a/imgs/public/licheng.png b/imgs/public/licheng.png new file mode 100644 index 0000000..e686346 Binary files /dev/null and b/imgs/public/licheng.png differ diff --git a/imgs/public/logo-back.png b/imgs/public/logo-back.png new file mode 100644 index 0000000..a2087ed Binary files /dev/null and b/imgs/public/logo-back.png differ diff --git a/imgs/public/sheying.png b/imgs/public/sheying.png new file mode 100644 index 0000000..b2224ba Binary files /dev/null and b/imgs/public/sheying.png differ diff --git a/imgs/public/shiguang.png b/imgs/public/shiguang.png new file mode 100644 index 0000000..63668d1 Binary files /dev/null and b/imgs/public/shiguang.png differ diff --git a/imgs/public/wenxian.png b/imgs/public/wenxian.png new file mode 100644 index 0000000..c74da1c Binary files /dev/null and b/imgs/public/wenxian.png differ diff --git a/imgs/public/yinxiang-icon.png b/imgs/public/yinxiang-icon.png index 7c1d048..63d59b7 100644 Binary files a/imgs/public/yinxiang-icon.png and b/imgs/public/yinxiang-icon.png differ diff --git a/imgs/secondary/logo.png b/imgs/secondary/logo.png new file mode 100644 index 0000000..d0e9513 Binary files /dev/null and b/imgs/secondary/logo.png differ diff --git a/imgs/secondary/zhuti.png b/imgs/secondary/zhuti.png new file mode 100644 index 0000000..bdce287 Binary files /dev/null and b/imgs/secondary/zhuti.png differ diff --git a/index.html b/index.html index 8e95e61..717518e 100644 --- a/index.html +++ b/index.html @@ -63,13 +63,39 @@
- +
+
+
+
+
+ + 奋进中的金沙 +

历程展

+
+
+ + 记忆中的金沙 +

文献展

+
+
+ + 时光里的金沙 +

器物展

+
+
+ + 镜头下的金沙 +

摄影展

+
+
+
+
值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。 -

>>查看详情

+

金沙酒业介绍

值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。 @@ -90,16 +116,18 @@

- 金沙酒业国营元70周年献礼片 -

- - + + +
感恩奋进70年，致敬时代金沙人！
-

- 金沙酒业国营元70周年献礼片 -

+

- 金沙酒业国营元年70周年献礼片 -

- - + + +
感恩奋进70年，致敬时代金沙人！
diff --git a/js/javascript.js b/js/javascript.js index 89ed8d5..e6074f0 100644 --- a/js/javascript.js +++ b/js/javascript.js @@ -4,14 +4,25 @@ jQuery(function($){ $(this).addClass('itemActive'); }) }) -// 播放视频 -function playVedio(){ - var video = document.getElementById("video_id"); - var videoBox = document.getElementsByClassName('video-play-box'); - document.getElementById("video-box").style.display = "flex"; - $("#video_id").attr("src",'imgs/secondary/1') +var videos =document.getElementsByTagName('video'); +// // 播放视频 +function playVedio(e){ + for (let i =videos.length -1;i >=0;i--) { + let p =i; + videos[p].addEventListener('play',function(){ + pauseAll(p); + }) + } + $(`.play-img`).css('display','block'); + var video = document.getElementById(e); + $(`.${e}`).css('display','none'); video.play(); //播放控制 } +function pauseAll(index){ + for (let j =videos.length -1;j >=0;j--) { + if(j!=index) {videos[j].pause();} + } +} // 关闭视频 function closeVideo() { var video = document.getElementById("video_id"); @@ -33,4 +44,21 @@ function closeEv(){ $('.info-box').scrollTop(0); $('body').css({"overflow": "scroll"}); $('html').css({"overflow": "scroll"}); +} +// 点赞提醒 +let timeT = 0; +function dianz(){ + if(timeT==0) { + $('.tank').text('点赞成功'); + timeT++; + $('.tank').css('display','block'); + setTime(); + } +} +// 延迟关闭 +function setTime(){ + setTimeout(()=>{ + $('.tank').css('display','none'); + timeT = 0; + },1500) } \ No newline at end of file diff --git a/pages/htmls/massage.html b/pages/htmls/massage.html index c7f2136..bd67c74 100644 --- a/pages/htmls/massage.html +++ b/pages/htmls/massage.html @@ -66,28 +66,7 @@
-
- -
+
  • ·

    金沙回沙酒，畅销贵州60年

    • @@ -105,7 +84,7 @@
    - +
    @@ -113,6 +92,8 @@
+ +
点赞成功