Skip to content

Y
ypl_share_web
Commit 45c99ba3 by murphywuwu
Options

摄影师申请+审核

parent ab290a7e
Showing with 588 additions and 0 deletions
dist/css/apply.css 0 → 100644
@charset "UTF-8";
*,
*:after,
*:before {
box-sizing: border-box;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "PingFang SC" "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
font-size: 1rem;
line-height: 1.5;
background: #f9f9f9;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p {
padding: 0;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
/* Text-level semantics
========================================================================== */
em {
font-style: normal;
}
img {
border: 0;
}
/* 申请审核 */
body,
html {
height: 100%;
line-height: 1;
}
.container {
position: relative;
height: 100%;
overflow: hidden;
}
.container img {
position: absolute;
height: 100%;
left: 0;
right: 0;
margin: auto;
}
@media (max-width: 1024px) {
.container img {
left: -165px;
}
}
.main-content {
position: absolute;
width: 39.58333333%;
height: 435px;
top: 12.5%;
right: 7.96875%;
text-align: center;
}
@media (max-width: 1441px) {
.main-content {
right: 2.96875%;
}
}
.main-content h2 {
color: #292a16;
height: 120px;
line-height: 120px;
background: #d7c1aa;
font-size: 30px;
}
@media (max-width: 1441px) {
.main-content h2 {
height: 88px;
line-height: 88px;
}
}
@media (max-width: 1024px) {
.main-content h2 {
height: 60px;
line-height: 60px;
}
}
.main-content div {
height: 435px;
padding: 13.15789474% 12.5% 0;
background: #fff;
color: #412b41;
font-size: 25px;
}
.main-content div p:nth-child(2) {
line-height: 66px;
}
@media (max-width: 1441px) {
.main-content div {
height: 265px;
}
}
@media (max-width: 1024px) {
.main-content div {
height: 220px;
}
}
/**
* 字体适配
*/
@media (max-width: 1441px) {
h2 {
font-size: 26px;
}
p {
font-size: 19px;
}
}
@media (max-width: 1024px) {
h2 {
font-size: 18px;
}
p {
font-size: 13px;
}
}
dist/css/check.css 0 → 100644
@charset "UTF-8";
*,
*:after,
*:before {
box-sizing: border-box;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "PingFang SC" "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
font-size: 1rem;
line-height: 1.5;
background: #f9f9f9;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p {
padding: 0;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
/* Text-level semantics
========================================================================== */
em {
font-style: normal;
}
img {
border: 0;
}
/* 申请审核 */
body,
html {
height: 100%;
line-height: 1;
}
.container {
position: relative;
height: 100%;
overflow: hidden;
}
.container > img {
position: absolute;
height: 100%;
left: 0;
right: 0;
margin: auto;
}
@media (max-width: 1024px) {
.container > img {
left: -165px;
}
}
.main-content {
position: absolute;
width: 18.22916667%;
height: 480px;
top: 12.5%;
right: 22.44791667%;
text-align: center;
}
@media (max-width: 1441px) {
.main-content {
right: 10.96875%;
}
}
.main-content h2 {
color: #292a16;
height: 77px;
line-height: 77px;
background: #d7c1aa;
}
@media (max-width: 1024px) {
.main-content h2 {
height: 60px;
line-height: 60px;
}
}
.main-content div {
height: 480px;
padding: 9.142857143% 7.428571429% 0;
background: #fff;
color: #412b14;
}
.main-content div p:nth-child(2) {
line-height: 56px;
}
.main-content div img {
width: 100%;
}
@media (max-width: 1441px) {
.main-content div {
height: 380px;
}
}
@media (max-width: 1024px) {
.main-content div {
height: 280px;
}
}
/**
* 字体适配
*/
@media (min-width: 1920px) {
h2 {
font-size: 26px;
}
p {
font-size: 17px;
}
}
@media (max-width: 1441px) {
h2 {
font-size: 20px;
}
p {
font-size: 13px;
}
}
@media (max-width: 1024px) {
h2 {
font-size: 14px;
}
p {
font-size: 12px;
}
}
dist/img/bg_icon_talent_letter@2x.png
dist/img/bg_icon_talent_letter@2x.png

654 Bytes | W: | H:

dist/img/bg_icon_talent_letter@2x.png

558 Bytes | W: | H:

dist/img/bg_icon_talent_letter@2x.png
dist/img/bg_icon_talent_letter@2x.png
dist/img/bg_icon_talent_letter@2x.png
dist/img/bg_icon_talent_letter@2x.png
  • 2-up
  • Swipe
  • Onion skin
dist/img/close@2x.png
dist/img/close@2x.png

244 Bytes | W: | H:

dist/img/close@2x.png

244 Bytes | W: | H:

dist/img/close@2x.png
dist/img/close@2x.png
dist/img/close@2x.png
dist/img/close@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/less/apply.less 0 → 100644
@charset "UTF-8";
// Name:Base
// Description:ypl-share-web reset style
//
// =============================================================================
*,
*:after,
*:before {
box-sizing: border-box;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
font-family: "PingFang SC" "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
font-size: 1rem;
line-height: 1.5;
background: #f9f9f9;
}
/* Remove default margin */
body, h1, h2, h3, h4, h5, h6, ul, ol,p {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
/* Text-level semantics
========================================================================== */
em {
font-style: normal;
}
img {
border: 0;
}
/* 申请审核 */
body, html {
height: 100%;
line-height: 1;
}
.container {
position: relative;
height: 100%;
overflow: hidden;
img {
position: absolute;
height: 100%;
left: 0;
right: 0;
margin: auto;
@media( max-width: 1024px ) {
left: -165px;
}
}
}
.main-content {
position: absolute;
width: 39.58333333%;
height: 435px;
top: 12.5%;
right: 7.96875%;
text-align: center;
@media( max-width: 1441px ) {
right: 2.96875%;
}
h2 {
color: #292a16;
height: 120px;
line-height: 120px;
background: #d7c1aa;
font-size: 30px;
@media ( max-width: 1441px ) {
height: 88px;
line-height: 88px;
}
@media ( max-width: 1024px ) {
height: 60px;
line-height: 60px;
}
}
div {
height: 435px;
padding: 13.15789474% 12.5% 0;
background: #fff;
color: #412b41;
font-size: 25px;
p:nth-child(2) {
line-height: 66px;
}
@media ( max-width: 1441px ) {
height: 265px;
}
@media ( max-width: 1024px ) {
height: 220px;
}
}
}
/**
* 字体适配
*/
@media( max-width: 1441px ) {
h2 {
font-size: 26px;
}
p {
font-size: 19px;
}
}
@media( max-width: 1024px ) {
h2 {
font-size: 18px;
}
p {
font-size: 13px;
}
}
src/less/check.less 0 → 100644
@charset "UTF-8";
// Name:Base
// Description:ypl-share-web reset style
//
// =============================================================================
*,
*:after,
*:before {
box-sizing: border-box;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
font-family: "PingFang SC" "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
font-size: 1rem;
line-height: 1.5;
background: #f9f9f9;
}
/* Remove default margin */
body, h1, h2, h3, h4, h5, h6, ul, ol,p {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
/* Text-level semantics
========================================================================== */
em {
font-style: normal;
}
img {
border: 0;
}
/* 申请审核 */
body, html {
height: 100%;
line-height: 1;
}
.container {
position: relative;
height: 100%;
overflow: hidden;
> img {
position: absolute;
height: 100%;
left: 0;
right: 0;
margin: auto;
@media( max-width: 1024px ) {
left: -165px;
}
}
}
.main-content {
position: absolute;
width: 18.22916667%;
height: 480px;
top: 12.5%;
right: 22.44791667%;
text-align: center;
@media( max-width: 1441px ) {
right: 10.96875%;
}
h2 {
color: #292a16;
height: 77px;
line-height: 77px;
background: #d7c1aa;
// @media ( max-width: 1441px ) {
// height: 88px;
// line-height: 88px;
// }
@media ( max-width: 1024px ) {
height: 60px;
line-height: 60px;
}
}
div {
height: 480px;
padding: 9.142857143% 7.428571429% 0;
background: #fff;
color: #412b14;
p:nth-child(2) {
line-height: 56px;
}
img {
width: 100%;
}
@media ( max-width: 1441px ) {
height: 380px;
}
@media ( max-width: 1024px ) {
height: 280px;
}
}
}
/**
* 字体适配
*/
@media ( min-width: 1920px ) {
h2 {
font-size: 26px;
}
p {
font-size: 17px;
}
}
@media( max-width: 1441px ) {
h2 {
font-size: 20px;
}
p {
font-size: 13px;
}
}
@media( max-width: 1024px ) {
h2 {
font-size: 14px;
}
p {
font-size: 12px;
}
}
src/pages/apply.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta name="keywords" content="约拍,摄影,套系">
<title>约拍:摄影师申请审核</title>
<link rel="stylesheet" href="../../dist/css/apply.css">
</head>
<body>
<div class="container">
<img src="../../src/img/bg.jpg">
<div class="main-content">
<h2>申请审核中</h2>
<div>
<p>您的申请资料已提交，工作人员正在审核您的申请</p>
<p>我们将在您提交申请后的一个工作日内</p>
<p>以手机短信通知您的审核结果</p>
</div>
</div>
</div>
</body>
</html>
src/pages/check.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta name="keywords" content="约拍,摄影,套系">
<title>约拍:申请成为摄影师</title>
<link rel="stylesheet" href="../../dist/css/check.css">
</head>
<body>
<div class="container">
<img src="../../src/img/bg.jpg">
<div class="main-content">
<h2>申请成为摄影师/登录</h2>
<div>
<p>打开约拍APP，扫一扫下面的二维码，</p>
<p>登录摄影师后台</p>
<img src="../../dist/img/QR_code@2x.png">
</div>
</div>
</div>
</body>
</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