zq
5 months ago
commit
6ba84efbf2
33 changed files with 1134 additions and 0 deletions
@ -0,0 +1,295 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="keywords" content="{$sitekeywords}" /> |
||||
|
<meta name="description" content="{$sitedesc}" /> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title> |
||||
|
{if $site_ico}<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if} |
||||
|
<link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=191"> |
||||
|
<script src="{$priv_style}/js/jquery-3.6.0.min.js"></script> |
||||
|
<script src="{$priv_style}/js/index.js"></script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="big_container"> |
||||
|
<header> |
||||
|
<div class="left"> |
||||
|
<img src="{$priv_style}/img/title_logo.svg" alt=""> |
||||
|
AI 写作大师 |
||||
|
</div> |
||||
|
<div class="right"> |
||||
|
<div class="right_btn activebtn">论文写作</div> |
||||
|
<div class="right_btn">报告下载</div> |
||||
|
</div> |
||||
|
</header> |
||||
|
<div class="bb"> |
||||
|
<div class="aa"> |
||||
|
<div class="topViedo"> |
||||
|
<video class="top_viedo" width="100%" src="https://cloud.video.taobao.com/vod/ML-UMJUwxUO3FP_Nz0K3lOULyoynDxM8Tg9UADZcc8c.mp4" autoplay loop muted poster="review.jpg"></video> |
||||
|
</div> |
||||
|
<div class="left_back"></div> |
||||
|
<div class="right_back"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<video class="bottom_viedo" width="100%" src="https://cloud.video.taobao.com/vod/S4hdTIy3b5jYVonIpXe0DtkJbbv6N4ImQLw89_diq9w.mp4" autoplay loop muted poster="review.jpg"></video> |
||||
|
<div class="main_page"> |
||||
|
<div class="main_content"> |
||||
|
<div class="backColor2 main_title_back"> |
||||
|
<div class="main_title"> |
||||
|
<div class="title1"> |
||||
|
<img src="{$priv_style}/img/AIteacher.png" alt=""> |
||||
|
</div> |
||||
|
<div class="title2"> |
||||
|
<span>一键生成万字论文</span> |
||||
|
<span class="shortSpan">低重复率</span> |
||||
|
</div> |
||||
|
<div class="title3"> |
||||
|
<span>附赠查重报告</span> |
||||
|
<span>|</span> |
||||
|
<span>无限生成大纲</span> |
||||
|
<span>|</span> |
||||
|
<span>真实引用文献</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" step_back"> |
||||
|
<div class="step_main"> |
||||
|
<dl class="normal_step active_step"> |
||||
|
<dt> |
||||
|
<img src="{$priv_style}/img/step_1.svg" alt=""> |
||||
|
</dt> |
||||
|
<dd> |
||||
|
<span class="nor_step_title active_step_title">输入论文题目</span> |
||||
|
<span>生成千字大纲</span> |
||||
|
</dd> |
||||
|
</dl> |
||||
|
<div class="step_line"></div> |
||||
|
<dl class="normal_step"> |
||||
|
<dt> |
||||
|
<img src="{$priv_style}/img/step_2.svg" alt=""> |
||||
|
</dt> |
||||
|
<dd> |
||||
|
<span class="nor_step_title">编辑大纲</span> |
||||
|
<span>生成论文初稿</span> |
||||
|
</dd> |
||||
|
</dl> |
||||
|
<div class="step_line"></div> |
||||
|
<dl class="normal_step"> |
||||
|
<dt> |
||||
|
<img src="{$priv_style}/img/step_3.svg" alt=""> |
||||
|
</dt> |
||||
|
<dd> |
||||
|
<span class="nor_step_title">下载论文</span> |
||||
|
<span>一键快速下载论文</span> |
||||
|
</dd> |
||||
|
</dl> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="backColor2"> |
||||
|
<ul class="main_select"> |
||||
|
<li class="active_select"> |
||||
|
<img src="{$priv_style}/img/ch_templete.svg" alt="" class="li_icon"> |
||||
|
<span>毕业论文</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon active_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/calsstext.svg" alt="" class="li_icon"> |
||||
|
<span>课程论文</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/chaungyeplan.svg" alt="" class="li_icon"> |
||||
|
<span>专升本计划书</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/zhichenglunwen.png" alt="" class="li_icon"> |
||||
|
<span>职称论文</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/lunwenTitle.png" alt="" class="li_icon"> |
||||
|
<span>论文选题</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/zongshunew.svg" alt="" class="li_icon"> |
||||
|
<span>文献综述</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/ppt_more.svg" alt="" class="li_icon"> |
||||
|
<span>答辩PPT</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/renwushu.png" alt="" class="li_icon"> |
||||
|
<span>任务书</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
<li> |
||||
|
<img src="{$priv_style}/img/eng_templete.svg" alt="" class="li_icon"> |
||||
|
<span>英文论文</span> |
||||
|
<img src="{$priv_style}/img/select_icon.svg" alt="" class="select_icon"> |
||||
|
</li> |
||||
|
|
||||
|
</ul> |
||||
|
<form action="" class="my_form"> |
||||
|
<div class="formOne"> |
||||
|
<div class="custom-select"> |
||||
|
<div class="placeBox"> |
||||
|
请选择您的论文专业 |
||||
|
<img src="{$priv_style}/img/selectIcon.svg" alt=""> |
||||
|
</div> |
||||
|
<select id="project_select" name="fruits" > |
||||
|
<option value="" selected disabled>请选择您的论文专业</option> |
||||
|
<option value="apple">苹果</option> |
||||
|
<option value="orange">橙子</option> |
||||
|
<option value="banana">香蕉</option> |
||||
|
<option value="grape">葡萄</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
<div class="oneRight"> |
||||
|
<img src="{$priv_style}/img/input_icon.svg" alt=""> |
||||
|
<input type="text" class="inputChange" placeholder="输入完整的论文标题，获得更好的生成效果"> |
||||
|
<div class="total_length"> |
||||
|
<span class="inputText">0/50</span> |
||||
|
</div> |
||||
|
<div class="normal_recommend_title"> |
||||
|
<img src="{$priv_style}/img/title_icon.svg" alt=""> |
||||
|
<span>标题推荐</span> |
||||
|
</div> |
||||
|
<div class="aititlePos"> |
||||
|
<div class="posBack"> |
||||
|
<div class="posHead"> |
||||
|
<img src="" alt=""> |
||||
|
<p>您输入的标题更像是论文要求呢，让AI帮您优化标题吧！</p> |
||||
|
</div> |
||||
|
<div class="posStep"> |
||||
|
<img src="" alt=""> |
||||
|
<span></span> |
||||
|
<img src="" alt="" class="posLine"> |
||||
|
<img src="" alt=""> |
||||
|
<span></span> |
||||
|
<img src="" alt="" class="posLine"> |
||||
|
<img src="" alt=""> |
||||
|
<span></span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="posFooter"> |
||||
|
<button class="ignoreBtn">忽略</button> |
||||
|
<button class="startBtn">开始优化</button> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="formItem"> |
||||
|
<div class="formLeft"> |
||||
|
选择学历 |
||||
|
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt=""> |
||||
|
</div> |
||||
|
<div class="formRight educationRight" id="educationRight"> |
||||
|
<div class="education" onclick=""> |
||||
|
<img src="{$priv_style}/img/education_no_select.svg" alt=""> |
||||
|
<label for="option1">大专</label> |
||||
|
</div> |
||||
|
<div class="education"> |
||||
|
<img src="{$priv_style}/img/education_select.svg" alt=""> |
||||
|
<label for="option2">本科</label> |
||||
|
</div> |
||||
|
<div class="education"> |
||||
|
<img src="{$priv_style}/img/education_no_select.svg" alt=""> |
||||
|
<label for="option3">硕博</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="formItem"> |
||||
|
<div class="formLeft">辅助信息</div> |
||||
|
<div class="formRight textAreaRight"> |
||||
|
<textarea name="" id="side_textarea" placeholder="请输入相关的辅助信息，帮助论文生成的更加准确！(非必填)"></textarea> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="formItem"> |
||||
|
<div class="formLeft"> |
||||
|
论文字数 |
||||
|
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt=""> |
||||
|
</div> |
||||
|
<div class="formRight educationRight" id="textLength"> |
||||
|
<div class="education" onclick=""> |
||||
|
<img src="{$priv_style}/img/education_no_select.svg" alt=""> |
||||
|
<label for="option1">约8000字</label> |
||||
|
</div> |
||||
|
<div class="education"> |
||||
|
<img src="{$priv_style}/img/education_select.svg" alt=""> |
||||
|
<label for="option2">约10000字</label> |
||||
|
</div> |
||||
|
<div class="education"> |
||||
|
<img src="{$priv_style}/img/education_no_select.svg" alt=""> |
||||
|
<label for="option3">约20000字</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="formItem"> |
||||
|
<div class="formLeft">图表公式</div> |
||||
|
<div class="formRight "> |
||||
|
<div class="educationRight"> |
||||
|
<div class="education" onclick=""> |
||||
|
<img src="{$priv_style}/img/no_checked_icon.svg" alt=""> |
||||
|
<label for="option1">图片</label> |
||||
|
</div> |
||||
|
<div class="education"> |
||||
|
<img src="{$priv_style}/img/no_checked_icon.svg" alt=""> |
||||
|
<label for="option2">表格</label> |
||||
|
</div> |
||||
|
<div class="education"> |
||||
|
<img src="{$priv_style}/img/checked_icon.svg" alt=""> |
||||
|
<label for="option3">公式</label> |
||||
|
</div> |
||||
|
<div class="education"> |
||||
|
<img src="{$priv_style}/img/checked_icon.svg" alt=""> |
||||
|
<label for="option3">代码</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p>将在所生成范文的随机位置插入所选项</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
<button class="btn_result">生成论文大纲</button> |
||||
|
<p> |
||||
|
<img src="{$priv_style}/img/checked_icon.svg" alt=""> |
||||
|
我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用 |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="footer"> |
||||
|
<div class="footerbox backColor2"> |
||||
|
<div class="main_footer"> |
||||
|
<div class="left_top"> |
||||
|
<img src="{$priv_style}/img/title_logo.svg" alt=""> |
||||
|
AI 写作大师 |
||||
|
</div> |
||||
|
<div class="left"> |
||||
|
<p>beijingkashdklasl</p> |
||||
|
<!-- {if $company_name !=''}<p>{$company_name}</p>{/if} --> |
||||
|
<p>专注于AI创意与技术创新的企业，提供AI写作与AI制作PPT解决方案。业务涵盖先进模型开发、技术支持、市场推广与销售。</p> |
||||
|
</div> |
||||
|
<div class="right"> |
||||
|
<p>公司地址：北京市大兴区金星通黄路北侧11幢1层</p> |
||||
|
<p>电话:010-80497641</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<footer> |
||||
|
<span> |
||||
|
Copyright ©2024-2030 . All Rights Reserved {if $webbeian}{$webbeian}{/if} |
||||
|
</span> |
||||
|
{if $company_name !=''}<span>{$company_name}</span>{/if} |
||||
|
</footer> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,717 @@ |
|||||
|
body,p,div{ |
||||
|
margin: 0; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
@media screen and (min-width:1200px) and (max-width:1440px){ |
||||
|
.right_back{ |
||||
|
/* right: calc((100% - 1680px) / 2); */ |
||||
|
} |
||||
|
} |
||||
|
.big_container{ |
||||
|
/* width: 100%; |
||||
|
height: 100vh; */ |
||||
|
min-width: 1200px; |
||||
|
} |
||||
|
header{ |
||||
|
position: fixed; |
||||
|
left: 0px; |
||||
|
top: 0px; |
||||
|
width: calc(100% - 56px); |
||||
|
z-index: 99; |
||||
|
min-width: 1144px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
padding: 14px 28px; |
||||
|
opacity: 1; |
||||
|
background-color: #ffffffb3; |
||||
|
-webkit-backdrop-filter: blur(20px); |
||||
|
backdrop-filter: blur(20px); |
||||
|
box-shadow: none; |
||||
|
transition: background-color .3s ease-in-out; |
||||
|
background: linear-gradient(90deg, rgba(243, 246, 254, 0) 0%, #F3F6FE 100%); |
||||
|
} |
||||
|
|
||||
|
header .left{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
font-family: Alimama ShuHeiTi; |
||||
|
font-size: 22px; |
||||
|
font-weight: bold; |
||||
|
line-height: normal; |
||||
|
letter-spacing: 0px; |
||||
|
font-variation-settings: "opsz" auto; |
||||
|
background: linear-gradient(0deg, #000000, #000000), linear-gradient(90deg, #93B6F9 13%, #5D8CF0 75%); |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
background-clip: text; |
||||
|
text-fill-color: transparent; |
||||
|
} |
||||
|
header .right{ |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
header .right div{ |
||||
|
width: 88px; |
||||
|
height: 36px; |
||||
|
text-align: center; |
||||
|
line-height: 36px; |
||||
|
margin-left: 24px; |
||||
|
border-radius: 4px; |
||||
|
font-family: Microsoft YaHei UI; |
||||
|
color: #3D3D3D; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
header .right .activebtn{ |
||||
|
font-weight: bold; |
||||
|
font-variation-settings: "opsz" auto; |
||||
|
color: #5B6FF6; |
||||
|
text-align: center; |
||||
|
line-height: 36px; |
||||
|
background: #F4F5FA; |
||||
|
} |
||||
|
.page{ |
||||
|
width: 100%; |
||||
|
padding-top: 64px; |
||||
|
position: relative; |
||||
|
/* display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; */ |
||||
|
/* height: 2000px; */ |
||||
|
/* margin: 0 auto; */ |
||||
|
} |
||||
|
.left_back{ |
||||
|
width: 300px; |
||||
|
height: 454px; |
||||
|
background-image: linear-gradient(90deg, rgb(250, 250, 250) 0%, rgba(250, 250, 250, 0) 100%); |
||||
|
/* background: linear-gradient(90deg, #FAFAFA 0%, rgba(243, 246, 254, 0) 100%); */ |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
z-index: 24; |
||||
|
left: calc((100% - 1920px) / 2); |
||||
|
} |
||||
|
.right_back{ |
||||
|
width: 300px; |
||||
|
height: 454px; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
z-index: 24; |
||||
|
right: calc((100% - 1920px) / 2); |
||||
|
background-image: linear-gradient(-90deg, rgb(250, 250, 250) 0%, rgba(250, 250, 250, 0) 100%); |
||||
|
/* background: linear-gradient(90deg, rgba(243, 246, 254, 0) 0%, #F3F6FE 100%); */ |
||||
|
} |
||||
|
.bottom_back{ |
||||
|
width: 1276px; |
||||
|
height: 58px; |
||||
|
background: linear-gradient(0deg, #F3F6FE 0%, rgba(243, 246, 254, 0) 100%); |
||||
|
} |
||||
|
.topViedo{ |
||||
|
position: relative; |
||||
|
width: 1920px; |
||||
|
left: 50%; |
||||
|
top: 0; |
||||
|
transform: translate(-50%); |
||||
|
/* width: 100%; |
||||
|
position: absolute; |
||||
|
height: 454px; |
||||
|
left: 0; |
||||
|
top: 0; */ |
||||
|
} |
||||
|
.bb{ |
||||
|
position: relative; |
||||
|
height: 454px; |
||||
|
} |
||||
|
.aa{ |
||||
|
position: absolute !important; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
overflow: hidden; |
||||
|
background-color: rgb(250, 250, 250); |
||||
|
/* background-image: var(--pc-background-image); |
||||
|
background-color: var(--background-color); */ |
||||
|
background-size: 1920px auto; |
||||
|
background-position: center top; |
||||
|
background-repeat: no-repeat; |
||||
|
} |
||||
|
.top_viedo{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
/* height: 454px; */ |
||||
|
/* background-color: rgb(250, 250, 250); */ |
||||
|
} |
||||
|
.top_viedo,.bottom_viedo{ |
||||
|
/* width: 100%; */ |
||||
|
} |
||||
|
.bottom_viedo{ |
||||
|
/* height: 100%; |
||||
|
object-fit: cover; */ |
||||
|
position: fixed; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
object-fit: cover; |
||||
|
z-index: -1; |
||||
|
} |
||||
|
.bottomViedo{ |
||||
|
width: 100%; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0px; |
||||
|
height: 1380px; |
||||
|
min-height: 800px; |
||||
|
z-index: -1; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.main_page{ |
||||
|
position: absolute; |
||||
|
margin: 0 auto; |
||||
|
width: 100%; |
||||
|
min-width: 1200px; |
||||
|
z-index: 66; |
||||
|
top: 64px; |
||||
|
} |
||||
|
.main_content{ |
||||
|
/* padding: 42px 129px; |
||||
|
border-radius: 10px; |
||||
|
background: rgba(255, 255, 255, 0.9); */ |
||||
|
margin: 0 auto; |
||||
|
margin-top: 82px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
/* min-width: 1004px; |
||||
|
max-width: 1378px; */ |
||||
|
/* background-image: url(); */ |
||||
|
} |
||||
|
.main_title_back{ |
||||
|
background-color: transparent !important; |
||||
|
/* padding: 0 !important; */ |
||||
|
height: 168px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.main_content .step_back{ |
||||
|
margin-bottom: 12px ; |
||||
|
padding: 10px 0; |
||||
|
width: 100%; |
||||
|
background: rgba(255, 255, 255, 0.5); |
||||
|
backdrop-filter: blur(10px); |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
.main_content .stickyStep{ |
||||
|
position: sticky; |
||||
|
top: 64px; |
||||
|
opacity: 1; |
||||
|
z-index: 9; |
||||
|
background: rgba(255, 255, 255, 0.5); |
||||
|
box-sizing: border-box; |
||||
|
border-width: 0px 0px 1px 0px; |
||||
|
border-style: solid; |
||||
|
border-image: linear-gradient(270deg, rgba(114, 119, 244, 0) 8%, #7177F4 47%, rgba(117, 119, 245, 0) 89%) 0 0 1 0; |
||||
|
backdrop-filter: blur(20px); |
||||
|
} |
||||
|
.main_content .step_back .step_line{ |
||||
|
min-width: 70px; |
||||
|
max-width: 258px; |
||||
|
margin: 0 44px; |
||||
|
height: 0; |
||||
|
margin-top: 27px; |
||||
|
border: 0.5px solid #D8D8D8; |
||||
|
} |
||||
|
|
||||
|
.main_title{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
text-align: left; |
||||
|
min-width: 744px; |
||||
|
max-width: 1118px; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
/* justify-content: center; */ |
||||
|
/* align-items: center; */ |
||||
|
} |
||||
|
.main_title .title1 img{ |
||||
|
/* display: flex; */ |
||||
|
width: 325px; |
||||
|
height: 61px; |
||||
|
/* justify-content: space-between; |
||||
|
align-items: center; |
||||
|
font-family: Alimama ShuHeiTi; |
||||
|
font-size: 50px; |
||||
|
font-weight: bold; |
||||
|
line-height: normal; |
||||
|
letter-spacing: 0px; |
||||
|
font-variation-settings: "opsz" auto; |
||||
|
background: linear-gradient(90deg, #4689FA 8%, #606CF4 75%); |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
background-clip: text; |
||||
|
text-fill-color: transparent; */ |
||||
|
} |
||||
|
.main_title .title2{ |
||||
|
font-size: 46px !important; |
||||
|
font-weight: bold; |
||||
|
margin: 12px 0 16px 0; |
||||
|
} |
||||
|
.main_title .title2 span:nth-child(1){ |
||||
|
color: #121519; |
||||
|
font-size: 42px; |
||||
|
} |
||||
|
.main_title .title2 .shortSpan{ |
||||
|
font-family: Alimama ShuHeiTi; |
||||
|
font-weight: bold; |
||||
|
font-variation-settings: "opsz" auto; |
||||
|
background: linear-gradient(263deg, #756DF7 9%, #4B8BFB 35%); |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
background-clip: text; |
||||
|
text-fill-color: transparent; |
||||
|
} |
||||
|
.main_title .title3{ |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
color: #73787E; |
||||
|
} |
||||
|
.step_main{ |
||||
|
width: 60%; |
||||
|
display: flex; |
||||
|
/* background: rgba(255, 255, 255, 0.5); |
||||
|
backdrop-filter: blur(10px); */ |
||||
|
justify-content: center; |
||||
|
padding: 12px 164px; |
||||
|
} |
||||
|
.step_main dt>img{ |
||||
|
width: 28px; |
||||
|
height: 28px; |
||||
|
} |
||||
|
.step_line{ |
||||
|
flex: 1; |
||||
|
} |
||||
|
.step_main .nor_step_title{ |
||||
|
font-size: 16px; |
||||
|
font-weight: normal; |
||||
|
color: #626573; |
||||
|
height: 20px; |
||||
|
margin-bottom: 14px; |
||||
|
} |
||||
|
.step_main .nor_step_title +span{ |
||||
|
|
||||
|
} |
||||
|
.step_main .active_step_title{ |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
color: #3D3D3D; |
||||
|
} |
||||
|
.step_main dl{ |
||||
|
display: flex; |
||||
|
} |
||||
|
.step_main dd{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
line-height: 27px; |
||||
|
margin: 0 0 0 12px; |
||||
|
font-size: 14px; |
||||
|
font-weight: 400; |
||||
|
color: #626573; |
||||
|
} |
||||
|
.main_select{ |
||||
|
/* width: 750px; */ |
||||
|
padding: 0; |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
justify-content: flex-start; |
||||
|
margin: 0 auto; |
||||
|
margin-bottom: 48px; |
||||
|
} |
||||
|
.main_select li{ |
||||
|
margin-right: 15px; |
||||
|
display: flex; |
||||
|
/* padding-left: 12px; */ |
||||
|
padding: 7px 10px; |
||||
|
border: 1px solid #C4CCFF; |
||||
|
align-items: center; |
||||
|
position: relative; |
||||
|
margin-top: 15px; |
||||
|
border-radius: 8px; |
||||
|
background: rgba(255, 255, 255, 0.5); |
||||
|
cursor: pointer; |
||||
|
line-height: 30px; |
||||
|
box-sizing: border-box; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
.main_select .active_select{ |
||||
|
border: 1px solid #5B6FF6; |
||||
|
} |
||||
|
li .li_icon{ |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
|
||||
|
} |
||||
|
li span{ |
||||
|
margin-left: 10px; |
||||
|
/* height: 20px; */ |
||||
|
display: inline-block; |
||||
|
} |
||||
|
li .select_icon{ |
||||
|
width: 14px; |
||||
|
height: 14px; |
||||
|
margin-left: 10px; |
||||
|
opacity: 0; |
||||
|
/* display: none; */ |
||||
|
/* position: absolute; |
||||
|
right: 0; |
||||
|
top: 0; */ |
||||
|
} |
||||
|
.active_select .select_icon{ |
||||
|
opacity: 1; |
||||
|
/* display: block; */ |
||||
|
} |
||||
|
.backColor2{ |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
flex-direction: column; |
||||
|
padding: 42px 130px; |
||||
|
width: 60%; |
||||
|
min-width: 744px; |
||||
|
max-width: 1118px; |
||||
|
margin: 0 130px; |
||||
|
border-radius: 8px; |
||||
|
opacity: 0.9; |
||||
|
background: rgba(255, 255, 255, 0.9); |
||||
|
} |
||||
|
.my_form{ |
||||
|
/* margin: 0 auto; */ |
||||
|
width: 100%; |
||||
|
} |
||||
|
.my_form .formOne{ |
||||
|
display: flex; |
||||
|
/* width: 750px; */ |
||||
|
justify-content: space-between; |
||||
|
margin-bottom: 48px; |
||||
|
|
||||
|
} |
||||
|
.custom-select { |
||||
|
position: relative; |
||||
|
/* width: 200px; */ |
||||
|
} |
||||
|
|
||||
|
.placeBox{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 162px; |
||||
|
display: flex; |
||||
|
font-size: 14px; |
||||
|
line-height: 18px; |
||||
|
justify-content: space-between; |
||||
|
padding: 13px 12px; |
||||
|
background-color: #fff; |
||||
|
color: #A5ABAF; |
||||
|
border: 1px solid #E8E8E8; |
||||
|
border-radius: 6px; |
||||
|
|
||||
|
} |
||||
|
.placeBox img{ |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
} |
||||
|
/* 这里可以添加更多样式来美化自定义下拉菜单 */ |
||||
|
#project_select{ |
||||
|
border-radius: 6px; |
||||
|
background: #FFFFFF; |
||||
|
border: 1px solid #E8E8E8; |
||||
|
padding: 14px 12px; |
||||
|
height: 46px; |
||||
|
width: 186px; |
||||
|
margin-right: 22px; |
||||
|
} |
||||
|
.oneRight{ |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
background-color: #fff; |
||||
|
border: 1px solid #E8E8E8; |
||||
|
padding: 4px 4px 4px 12px; |
||||
|
border-radius: 6px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.oneRight img{ |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
} |
||||
|
.oneRight input{ |
||||
|
flex: 1; |
||||
|
border: none; |
||||
|
padding-left: 12px; |
||||
|
color: #1F2225; |
||||
|
height: 32px; |
||||
|
} |
||||
|
.oneRight input::placeholder{ |
||||
|
color:#8C919D; |
||||
|
} |
||||
|
.oneRight input:focus-visible{ |
||||
|
outline: none; |
||||
|
} |
||||
|
.aititlePos{ |
||||
|
display: none; |
||||
|
position: absolute; |
||||
|
left: 0px; |
||||
|
top: 48px; |
||||
|
/* width: 910px; */ |
||||
|
width: calc(100% - 28px); |
||||
|
height: 168px; |
||||
|
/* 自动布局 */ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: flex-end; |
||||
|
padding: 16px 14px; |
||||
|
gap: 12px; |
||||
|
border-radius: 8px; |
||||
|
opacity: 0; |
||||
|
background: #FFFFFF; |
||||
|
border: 1px solid #E8E8E8; |
||||
|
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08); |
||||
|
} |
||||
|
.posBack{ |
||||
|
/* 自动布局子元素 */ |
||||
|
/* position: static; |
||||
|
left: 14px; |
||||
|
top: 16px; */ |
||||
|
/* width: 882px; */ |
||||
|
height: 106px; |
||||
|
/* 自动布局 */ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
padding: 28px 18px; |
||||
|
gap: 14px; |
||||
|
align-self: stretch; |
||||
|
z-index: 0; |
||||
|
border-radius: 8px; |
||||
|
opacity: 1; |
||||
|
background: linear-gradient(180deg, #EDF1FE 0%, #FCFDFF 119%); |
||||
|
} |
||||
|
.posFooter{ |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
color: #8C919D; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.startBtn{ |
||||
|
color: #5B6FF6; |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
.normal_recommend_title,.recommend_title{ |
||||
|
width: 82px; |
||||
|
margin-left: 12px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
border-radius: 6px; |
||||
|
|
||||
|
padding: 8px 12px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.recommend_title{ |
||||
|
background: #FFF5ED; |
||||
|
color: #FF7800; |
||||
|
} |
||||
|
.inputText{ |
||||
|
color: #525252; |
||||
|
} |
||||
|
.warnInputText{ |
||||
|
color: #FF4D4F; |
||||
|
} |
||||
|
.formItem{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin-bottom: 24px; |
||||
|
color: #1F2225; |
||||
|
line-height: 34px; |
||||
|
} |
||||
|
.formItem .formLeft{ |
||||
|
width: 70px; |
||||
|
text-align: left; |
||||
|
display: flex; |
||||
|
} |
||||
|
.formItem .requiredIcon{ |
||||
|
width: 8px; |
||||
|
height: 8px; |
||||
|
margin-top: 13px; |
||||
|
margin-left: 4px; |
||||
|
} |
||||
|
.formItem .formRight{ |
||||
|
flex: 1; |
||||
|
margin-left: 12px; |
||||
|
|
||||
|
} |
||||
|
.educationRight{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.educationRight img{ |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
margin-right: 3px; |
||||
|
} |
||||
|
.educationRight+p{ |
||||
|
font-size: 12px; |
||||
|
line-height: 18px; |
||||
|
color: #9E9E9E; |
||||
|
} |
||||
|
.education{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-right: 24px; |
||||
|
} |
||||
|
.btn_result{ |
||||
|
width: 200px; |
||||
|
height: 50px; |
||||
|
font-size: 15px; |
||||
|
border: none; |
||||
|
color: #FFFFFF; |
||||
|
line-height: 50px; |
||||
|
text-align: center; |
||||
|
border-radius: 8px; |
||||
|
margin-top: 30px; |
||||
|
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); |
||||
|
} |
||||
|
.btn_result + p{ |
||||
|
margin-top: 12px; |
||||
|
font-size: 12px; |
||||
|
line-height: 18px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
color: #8C919D; |
||||
|
} |
||||
|
.btn_result + p>img{ |
||||
|
margin-right: 8px; |
||||
|
} |
||||
|
.textAreaRight{ |
||||
|
display: flex; |
||||
|
} |
||||
|
#side_textarea{ |
||||
|
flex: 1; |
||||
|
/* width: 100%; */ |
||||
|
padding: 14px 12px; |
||||
|
/* width: 664px; */ |
||||
|
height: 65px; |
||||
|
border-radius: 6px; |
||||
|
background: #FFFFFF; |
||||
|
border: 1px solid #E8E8E8; |
||||
|
} |
||||
|
#side_textarea::placeholder{ |
||||
|
color: #8C919D; |
||||
|
} |
||||
|
.footer{ |
||||
|
background: #FAFAFC; |
||||
|
margin-top: 50px; |
||||
|
|
||||
|
} |
||||
|
.footer .footerbox{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
padding: 24px 200px; |
||||
|
background: transparent; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
.footerbox .left_top{ |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
width: 100%; |
||||
|
align-items: center; |
||||
|
font-family: Alimama ShuHeiTi; |
||||
|
font-size: 22px; |
||||
|
font-weight: bold; |
||||
|
line-height: normal; |
||||
|
letter-spacing: 0px; |
||||
|
font-variation-settings: "opsz" auto; |
||||
|
background: linear-gradient(0deg, #000000, #000000), linear-gradient(90deg, #93B6F9 13%, #5D8CF0 75%); |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
background-clip: text; |
||||
|
text-fill-color: transparent; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
.footerbox .main_footer{ |
||||
|
color: #9E9E9E; |
||||
|
font-size: 12px; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
height: 53px; |
||||
|
position: relative; |
||||
|
padding-top: 50px; |
||||
|
width: 100%; |
||||
|
min-width: 880px; |
||||
|
} |
||||
|
.main_footer .right{ |
||||
|
width: 262px; |
||||
|
margin-left: 145px; |
||||
|
height: 53px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: flex-start; |
||||
|
flex-direction: column; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
.main_footer .left{ |
||||
|
flex: 1; |
||||
|
/* min-width: 473px; */ |
||||
|
} |
||||
|
.noempty{ |
||||
|
flex: 1; |
||||
|
min-width: 145px; |
||||
|
} |
||||
|
.main_footer .left p:nth-child(1){ |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
.main_footer p{ |
||||
|
font-size: 12px; |
||||
|
margin: 0; |
||||
|
text-align: left; |
||||
|
width: 100%; |
||||
|
} |
||||
|
footer{ |
||||
|
/* position: absolute; |
||||
|
left: 0px; |
||||
|
top: 938px; */ |
||||
|
width: calc(100%); |
||||
|
/* 自动布局 */ |
||||
|
display: flex; |
||||
|
font-size: 12px; |
||||
|
flex-direction: row; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
height: 55px; |
||||
|
/* padding: 50px 70px; */ |
||||
|
background: #FAFAFC; |
||||
|
line-height: 32px; |
||||
|
box-sizing: border-box; |
||||
|
border-width: 1px 0px 0px 0px; |
||||
|
border-style: solid; |
||||
|
border-color: #D8D8D8; |
||||
|
} |
||||
|
footer span{ |
||||
|
display: inline-block; |
||||
|
margin-left: 12px; |
||||
|
} |
||||
|
footer a{ |
||||
|
display: inline-block; |
||||
|
margin-right: 3px; |
||||
|
color: black; |
||||
|
text-decoration: none; |
||||
|
} |
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 483 B |
|
After Width: | Height: | Size: 893 B |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 977 B |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 948 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 655 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 1015 B |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,97 @@ |
|||||
|
$(document).ready(function() { |
||||
|
$.get('你的接口URL', function(response) { |
||||
|
// 请求成功时的回调函数
|
||||
|
console.log(response); |
||||
|
}).fail(function(xhr, status, error) { |
||||
|
// 请求失败时的回调函数
|
||||
|
console.log(error); |
||||
|
}); |
||||
|
//step监听滚动位置
|
||||
|
$(window).scroll(function() { |
||||
|
var element = $('.step_back'); |
||||
|
var distanceToTop = element.offset().top - $(this).scrollTop(); |
||||
|
if(distanceToTop <= 64){ |
||||
|
element.addClass('stickyStep') |
||||
|
} |
||||
|
}); |
||||
|
//标题输入字数
|
||||
|
$('.inputChange').on('keyup', function() { |
||||
|
// var maxLength = $(this).attr('maxlength');
|
||||
|
var currentLength = $(this).val().length; |
||||
|
console.log(currentLength,'currentLength'); |
||||
|
if(currentLength > 0){ |
||||
|
$('.normal_recommend_title').addClass('recommend_title') |
||||
|
}else{ |
||||
|
$('.normal_recommend_title').removeClass('recommend_title') |
||||
|
} |
||||
|
$('.inputText').text(currentLength + '/' + '50'); |
||||
|
if(currentLength >50){ |
||||
|
$('.inputText').addClass('warnInputText') |
||||
|
}else{ |
||||
|
$('.inputText').removeClass('warnInputText') |
||||
|
// $('.inputText').removeClass('recommend_title')
|
||||
|
} |
||||
|
}); |
||||
|
$('.inputChange').on('blur', function() { |
||||
|
|
||||
|
}); |
||||
|
$('.normal_step').click(function(e) { |
||||
|
|
||||
|
}); |
||||
|
function showOptArea(area){ |
||||
|
$('.opt-area').css('display','none'); |
||||
|
$('#'+area).css('display','block'); |
||||
|
} |
||||
|
function hideOptArea(){ |
||||
|
$('.opt-area').css('display','none'); |
||||
|
} |
||||
|
// $.ajax({
|
||||
|
// type: "post",
|
||||
|
// url: 'http://aitest.chachongz.com/ajax_advise_ai_title',
|
||||
|
// data: {
|
||||
|
// title: '兔子吃草研究',
|
||||
|
// title_type: '1'
|
||||
|
// },
|
||||
|
// success: function(jsondata) {
|
||||
|
// // $('#cur_request').val(0)
|
||||
|
|
||||
|
// var res = JSON.parse(jsondata);
|
||||
|
// console.log(res,'=====');
|
||||
|
// // if(!res.status){
|
||||
|
// // alert(res.info);
|
||||
|
// // return false;
|
||||
|
// // }
|
||||
|
|
||||
|
// // if(res.data.title != $('#cur_title').val()){
|
||||
|
// // return false;
|
||||
|
// // }
|
||||
|
|
||||
|
// // if(res.data.list.length>0){
|
||||
|
// // let html = ''
|
||||
|
// // res.data.list.forEach(function(item) {
|
||||
|
// // html += '<div onclick="confirmTitle(this)" class="advise-li">'+item+'</div>';
|
||||
|
// // });
|
||||
|
// // $('#advise-ul').html(html);
|
||||
|
|
||||
|
// // let ani3 = stepLoading(3, 'done')
|
||||
|
// // ani3.addEventListener('complete', function() {
|
||||
|
// // stepDone(3, ani3)
|
||||
|
|
||||
|
// // //第四步默认完成
|
||||
|
// // let ani4 = stepLoading(4, 'done')
|
||||
|
// // ani4.addEventListener('complete', function() {
|
||||
|
// // ani4.destroy();
|
||||
|
// // });
|
||||
|
|
||||
|
// // showAdviseList()
|
||||
|
// // });
|
||||
|
// // }
|
||||
|
// }
|
||||
|
// });
|
||||
|
$('li').click(function(e) { |
||||
|
if ($('li').hasClass('active_select')) { |
||||
|
$('li').removeClass('active_select') |
||||
|
} |
||||
|
$(this).addClass('active_select') |
||||
|
}); |
||||
|
}); |
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue