Skip to content

S
SURPRISED
Commit 6dcc01f6 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

年会邀请函

parent f37c2cc6
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 896 additions and 3 deletions
css/Invitation.css 0 → 100644
View file @ 6dcc01f6
.wrap{width:100%;height:100%;overflow:hidden}
.wrap2{width:100%;height:1000%;transition:.3s linear}
.fan{
position: fixed;
width: 100%;
text-align: center;
z-index: 2;
}
.fan img{
width: .15rem;
}
.fan-up{
top: .1rem;
font-size: .16rem;
}
.fan-down{
bottom: .1rem;
font-size: .16rem;
}
.c17{
color: #17384B;
}
.page{
width:100%;
height:10%;
background:url('../images/yaoqinghan/page1_bg.png');
font-size:.12rem;
background-repeat: no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
background-color: #fff8f5;
position: relative;
}
.center{
text-align: center;
}
.page1 .tit{
padding-top: 13.57%;
}
.page1 .tit img{
width: 85%;
}
.page1 .time{
width: 12%;
margin: 0 auto;
text-align: center;
position: relative;
top: 5.62%;
}
.page1 .time .text{
font-size: .6rem;
}
.page1 .time-s{
position: absolute;
left: -80%;
bottom: -32%;
width: .3rem;
font-size: 0.2rem;
}
.page1 .time-s .shijian{
background: url(../images/yaoqinghan/page1_img4.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page1 .time-s .nianyue{
font-size: 0.2rem;
line-height: 0.15rem;
}
.page1 .time-s .riqi{
background: url(../images/yaoqinghan/page1_img5.png);
background-repeat: no-repeat;
background-size: 100% 100%;
line-height: 0.15rem;
height: 0.5rem;
width: .2rem;
margin: 0 auto;
}
.page1 .left-img,.page1 .right-img {
position: absolute;
}
.page1 .left-img{
width: 20%;
left: 12.8%;
bottom: 4.5%;
}
.page1 .left-img img,.page1 .right-img img{
width: 100%;
}
.page1 .right-img{
width: 34.53%;
right: 4.2%;
bottom: 6.3%;
}
.page1 .right-img img{
width: 100%;
}
.page2{
background:url('../images/yaoqinghan/page2_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page2 .content{
padding-top: 28.06%;
}
.page2 .shijian{
width: 34.93%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
}
.page2 .shijian2{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: .16rem;
margin-top: .2rem;
}
.page2 .yanshen{
margin-top: .1rem;
font-size: .18rem;
}
.page2 .yanshen p:nth-child(2) {
margin-top: .05rem;
}
.page2 .shijian3{
margin-top: .3rem;
}
.page2 .yanshen2 p:nth-child(2){
margin-top: .05rem;
}
.page2 .yanshen2 p:nth-child(2) span{
display: inline-block;
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page2 .yanshen2 p:nth-child(3){
background: url(../images/yaoqinghan/page2_img1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 40.3%;
background-size: 100% 100%;
margin: 0 auto;
margin-top: .2rem;
}
.page3{
background:url('../images/yaoqinghan/page3_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 3.3%;
}
.page3 .tit{
width: 34.93%;
height: 4.65%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
text-align: center;
}
.page3 .gs{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
padding: .03rem .05rem;
}
.page3 .gs1{
width: 24%;
margin: 0 auto;
margin-top: 10%;
}
.page3 .liangge{
width: 58%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
margin-top: 4.5%;
}
.page3 .liangge>div{
width: 50%;
text-align: center;
}
.page3 .liangge>div .gs{
width: 80%;
margin: 0 auto;
}
.page4{
background:url('../images/yaoqinghan/page4_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 35%;
}
.page4 .tit{
width: 34.93%;
height: 6.45%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
}
.page4 .yanshen{
margin-top: .1rem;
font-size: .18rem;
}
.page4 .yanshen p:nth-child(2) {
margin-top: .05rem;
}
.page4 .buzhou{
margin-top: .2rem;
}
.page4 .shijian{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: .16rem;
margin: 0 auto;
padding: .04rem .06rem;
display: inline;
}
.page5 .swiper-container,.page6 .swiper-container,.page7 .swiper-container {
width: 100%;
height: 100%;
}
.page5 .swiper-slide1{
background:url('../images/yaoqinghan/page5_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page5 .swiper-slide2{
background:url('../images/yaoqinghan/page5_bg2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page5 .swiper-slide1 .tit{
width: 34.93%;
height: 6.45%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
margin-top: 54%;
text-align: center;
}
.page5 .swiper-slide2 .tit,.page5 .swiper-slide1 .tit2,.page6 .swiper-slide1 .tit2,.page6 .swiper-slide2 .tit,.page7 .swiper-slide1 .tit2,.page7 .swiper-slide2 .tit,.page7 .swiper-slide3 .tit{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: .16rem;
margin: 0 auto;
padding: .04rem .06rem;
margin-top: 3%;
text-align: center;
width: 22.67%;
}
.page5 .swiper-slide1 .tit2,.page6 .swiper-slide1 .tit2,.page7 .swiper-slide1 .tit2{
width: 26%;
}
.page5 .swiper-slide1 .tit2{
width: 28%;
}
.page5 .swiper-slide1 .tips,.page6 .swiper-slide1 .tips,.page7 .swiper-slide1 .tips{
text-align: center;
line-height: .3rem;
margin-top: .1rem;
}
.page5 .swiper-slide1 .huadong,.page6 .swiper-slide1 .huadong,.page7 .swiper-slide1 .huadong{
width: 49.73%;
height: .25rem;
background: url(../images/yaoqinghan/zuohua.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin-top: .1rem;
}
.page6 .swiper-slide1{
background:url('../images/yaoqinghan/page6_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page6 .swiper-slide2{
background:url('../images/yaoqinghan/page6_bg2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page6 .swiper-slide1 .tit2{
margin-top: 54%;
}
.page7 .swiper-slide1{
background:url('../images/yaoqinghan/page7_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page7 .swiper-slide2{
background:url('../images/yaoqinghan/page7_bg2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page7 .swiper-slide3{
background:url('../images/yaoqinghan/page7_bg3.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.w33{
width: 33% !important;
}
.page7 .swiper-slide1 .ftit{
margin-top: 37%;
}
.page7 .swiper-slide2 .zaihua{
width: 20%;
height: .25rem;
background: url(../images/yaoqinghan/zaihua.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
right: 2%;
top: 3%;
}
.zaihua2{
width: 20%;
height: .18rem;
background: url(../images/yaoqinghan/zaihua2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
left: 2%;
top: 3%;
}
.flex_center{
display: flex;
align-items: center;
justify-content: center;
}
.page8 {
background:url('../images/yaoqinghan/page8_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 60%;
}
.page8 .logo{
text-align: center;
}
.page8 .logo img{
width: 20%;
}
.page8 p{
font-size: 0.35rem;
margin-top: .2rem;
}
\ No newline at end of file
css/animate.css
View file @ 6dcc01f6
......@@ -239,8 +239,8 @@
}
}
.shakeR{
animation:shake2 3s infinite;
-webkit-animation:shake2 3s infinite; /*Safari and Chrome*/
animation:shake2 5s infinite;
-webkit-animation:shake2 5s infinite; /*Safari and Chrome*/
}
/* 左右抖动 */
.shake {
......@@ -853,7 +853,7 @@
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
}@keyframes bounceOutUp {
}@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
......
css/cssReset.css
View file @ 6dcc01f6
......@@ -127,4 +127,13 @@ input[type=button], input[type=submit], input[type=file], button { cursor: point
src: url("../fonts/lingxin.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "fzse";
src: url("../fonts/fzse.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
.fzse{
font-family: 'fzse';
}
\ No newline at end of file
fonts/fzse.ttf 0 → 100644
View file @ 6dcc01f6
File added
html/Invitation.html 0 → 100644
View file @ 6dcc01f6
This diff is collapsed.
html/annualMeeting/test3.html 0 → 100644
View file @ 6dcc01f6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="full-screen" content="true">
<meta name="screen-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
</head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
</body>
<script>
let arr = ['哈倍儿狗', '斗鸡眼', '地包天', '黑皮狗', '缺爬子', '鬼米子烂眼', '胎神', '瓜皮', '丑鬼']
for(i = 0; i < 9999; i++) {
alert(arr[Math.random(0, arr.length)*10])
}
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment