Skip to content

S
SURPRISED
Commit 0e405a66 authored by youjie's avatar youjie
Browse files
Options

no message

parent 5d42ec06
Expand all Show whitespace changes
Inline Side-by-side
Showing with 542 additions and 537 deletions
html/ImpressionOpinionSurvey/MobileVerification.html
View file @ 0e405a66
...@@ -11,6 +11,29 @@ ...@@ -11,6 +11,29 @@
<link rel="stylesheet" href="../../css/cssReset.css"> <link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>手机号验证</title> <title>手机号验证</title>
<style>
.MobileVerification-box{
display: flex;
align-items: center;
justify-content: center;
}
.MobileVerification{
width:90%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20px 0 10px 0;
border-bottom: 1px solid #D3D3D3;
}
.MobileVerification button{
border: 0;
background-color: #5A99FF;
border-radius: 3px;
padding: 2px 10px;
color: #fff;
}
</style>
</head> </head>
<body> <body>
...@@ -40,28 +63,6 @@ ...@@ -40,28 +63,6 @@
} }
</script> </script>
</body> </body>
<style>
.MobileVerification-box{
display: flex;
align-items: center;
justify-content: center;
}
.MobileVerification{
width:90%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20px 0 10px 0;
border-bottom: 1px solid #D3D3D3;
}
.MobileVerification button{
border: 0;
background-color: #5A99FF;
border-radius: 3px;
padding: 2px 10px;
color: #fff;
}
</style>
</html> </html>
\ No newline at end of file
html/ImpressionOpinionSurvey/busSign.html
View file @ 0e405a66
This diff is collapsed.
html/ImpressionOpinionSurvey/opinionSurvey.html
View file @ 0e405a66
...@@ -12,6 +12,188 @@ ...@@ -12,6 +12,188 @@
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<link rel="stylesheet" href="../../css/flex.css"> <link rel="stylesheet" href="../../css/flex.css">
<title></title> <title></title>
<style>
.opiSurBody{
position: relative;
left: 0;
right: 0;
bottom: 0;
/* background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784094475156580.png')no-repeat 0 0 #9CD2F8;
background-size: 100% auto; */
background:#9CD2F8;
height: 100vh;
width: 100vw;
overflow: auto;
}
.opiSurCenter{
}
.BackBox {
/* position: fixed;
left: 0;
top: 0;
right: 0; */
/* background: #fff; */
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
padding: 20px 20px 10px 20px;
}
.BackImg {
width: 10px;
}
.BackTitle{
height: 50px;
/* position: fixed;
top: 20px;
left: 0;
right: 0; */
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
text-align: center;
font-size: 16px;
}
.TeamPeriodBox{
position: relative;
}
.TeamPeriodC{
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
padding: 0 16.13vw;
}
.TeamPeriod{
text-align: center;
margin-top: 0;
}
.TeamPeriod p{
padding: 0 24px;
display: inline-block;
height: 30px;
background: #0039B8;
border-radius: 15px;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.LeaInfCenter{
width: 260px;
/* padding: 0 64px; */
margin: auto;
margin-top: .7vh;
}
.LeaderInfor{
height: 36px;
line-height: 36px;
background: #B9DBF7;
border-radius: 7px;
font-weight: bold;
font-size: 16px;
color: #080A0A;
padding: 0 30px;
}
.LeaderInfor span{
margin-left: 5px;
}
.opiSurStarBox{
padding: 20px 20px 24px 20px;
margin: 0 15px 0 15px;
background: #FFFFFF;
border-radius: 9px;
position: relative;
top: -5vh;
}
.opiSurTitle{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 0px;
}
.opiSurStarCenter{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 10px;
}
.opiSurCenText{
margin-right: 10px;
}
.opiSurCenStar{
display: inline-block;
}
.opiSurCenStar img{
width: 20px;
height:20px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -3px;
}
.opiSurCenTisp{
margin-left: 10px;
}
.opiSurCenTisp.active{
color: #FF3166;
}
.opiSurCenCheck{
display: inline-block;
margin-right: 20px;
}
.opiSurCenCheck span{
margin-left: 5px;
}
.opiSurCenCheckCom span{
margin-left: 5px;
}
.opiSurStarCenter textarea {
width: 100%;
padding: 5px 15px;
background: #F3F1EF;
border: 1px solid #F3F1EF;
border-radius: 9px;
margin-top: 5px;
font-size: 16px;
}
.opiSurStarCenter textarea:focus {
border: 1px solid #76c9fa;
outline: none;
}
.SubmitButton{
padding: 0 15px;
margin-bottom: 43px;
}
.submitB{
width: 100%;
height: 50px;
line-height: 50px;
background: #0039B8;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 9px;
border: 0;
position: relative;
top: -1vh;
}
.submitB.active{
background: #eee;
color: black;
}
.submitB.display{
display: none;
}
</style>
</head> </head>
<body class="opiSurBody"> <body class="opiSurBody">
<div class="opiSurCenter column" id="opiSurCenter"> <div class="opiSurCenter column" id="opiSurCenter">
...@@ -447,187 +629,6 @@ ...@@ -447,187 +629,6 @@
</script> </script>
</body> </body>
<style>
.opiSurBody{
position: relative;
left: 0;
right: 0;
bottom: 0;
/* background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784094475156580.png')no-repeat 0 0 #9CD2F8;
background-size: 100% auto; */
background:#9CD2F8;
height: 100vh;
width: 100vw;
overflow: auto;
}
.opiSurCenter{
}
.BackBox {
/* position: fixed;
left: 0;
top: 0;
right: 0; */
/* background: #fff; */
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
padding: 20px 20px 10px 20px;
}
.BackImg {
width: 10px;
}
.BackTitle{
height: 50px;
/* position: fixed;
top: 20px;
left: 0;
right: 0; */
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
text-align: center;
font-size: 16px;
}
.TeamPeriodBox{
position: relative;
}
.TeamPeriodC{
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
padding: 0 16.13vw;
}
.TeamPeriod{
text-align: center;
margin-top: 0;
}
.TeamPeriod p{
padding: 0 24px;
display: inline-block;
height: 30px;
background: #0039B8;
border-radius: 15px;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.LeaInfCenter{
width: 260px;
/* padding: 0 64px; */
margin: auto;
margin-top: .7vh;
}
.LeaderInfor{
height: 36px;
line-height: 36px;
background: #B9DBF7;
border-radius: 7px;
font-weight: bold;
font-size: 16px;
color: #080A0A;
padding: 0 30px;
}
.LeaderInfor span{
margin-left: 5px;
}
.opiSurStarBox{
padding: 20px 20px 24px 20px;
margin: 0 15px 0 15px;
background: #FFFFFF;
border-radius: 9px;
position: relative;
top: -5vh;
}
.opiSurTitle{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 0px;
}
.opiSurStarCenter{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 10px;
}
.opiSurCenText{
margin-right: 10px;
}
.opiSurCenStar{
display: inline-block;
}
.opiSurCenStar img{
width: 20px;
height:20px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -3px;
}
.opiSurCenTisp{
margin-left: 10px;
}
.opiSurCenTisp.active{
color: #FF3166;
}
.opiSurCenCheck{
display: inline-block;
margin-right: 20px;
}
.opiSurCenCheck span{
margin-left: 5px;
}
.opiSurCenCheckCom span{
margin-left: 5px;
}
.opiSurStarCenter textarea {
width: 100%;
padding: 5px 15px;
background: #F3F1EF;
border: 1px solid #F3F1EF;
border-radius: 9px;
margin-top: 5px;
font-size: 16px;
}
.opiSurStarCenter textarea:focus {
border: 1px solid #76c9fa;
outline: none;
}
.SubmitButton{
padding: 0 15px;
margin-bottom: 43px;
}
.submitB{
width: 100%;
height: 50px;
line-height: 50px;
background: #0039B8;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 9px;
border: 0;
position: relative;
top: -1vh;
}
.submitB.active{
background: #eee;
color: black;
}
.submitB.display{
display: none;
}
</style>
</html> </html>
html/ImpressionOpinionSurvey/success.html
View file @ 0e405a66
...@@ -11,23 +11,8 @@ ...@@ -11,23 +11,8 @@
<link rel="stylesheet" href="../../css/cssReset.css"> <link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title> <title>填写意见</title>
</head> <style>
.tipBox{
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="../../images/login/gou_big_blue.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
<style>
.tipBox{
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -35,15 +20,15 @@ ...@@ -35,15 +20,15 @@
bottom: 0; bottom: 0;
z-index: 3; z-index: 3;
/* background: rgba(23,23,23,.5); */ /* background: rgba(23,23,23,.5); */
} }
.tipImgBox{ .tipImgBox{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg{ .tipImg{
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: #fff;
...@@ -52,17 +37,33 @@ ...@@ -52,17 +37,33 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg img{ .tipImg img{
width: 100px; width: 100px;
border-radius: 100%; border-radius: 100%;
display: block; display: block;
/* margin-top:60px; */ /* margin-top:60px; */
} }
.tipImg h4{ .tipImg h4{
margin-top: 30px; margin-top: 30px;
} }
</style>
</head>
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="../../images/login/gou_big_blue.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
</style>
</html> </html>
\ No newline at end of file
html/ImpressionOpinionSurvey/surveySuccess.html
View file @ 0e405a66
...@@ -11,23 +11,8 @@ ...@@ -11,23 +11,8 @@
<link rel="stylesheet" href="../../css/cssReset.css"> <link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title> <title>填写意见</title>
</head> <style>
.tipBox{
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784986575829699.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
<style>
.tipBox{
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -35,15 +20,15 @@ ...@@ -35,15 +20,15 @@
bottom: 0; bottom: 0;
z-index: 3; z-index: 3;
/* background: rgba(23,23,23,.5); */ /* background: rgba(23,23,23,.5); */
} }
.tipImgBox{ .tipImgBox{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg{ .tipImg{
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: #fff;
...@@ -52,17 +37,33 @@ ...@@ -52,17 +37,33 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg img{ .tipImg img{
width: 100px; width: 100px;
border-radius: 100%; border-radius: 100%;
display: block; display: block;
/* margin-top:60px; */ /* margin-top:60px; */
} }
.tipImg h4{ .tipImg h4{
margin-top: 30px; margin-top: 30px;
} }
</style>
</head>
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784986575829699.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
</style>
</html> </html>
\ No newline at end of file
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