zhangqi
/
money
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修复抖动问题/下拉选择框无法选中/路由跳转参数修改

pull/1/head
zq 5 months ago
parent
b805e710b0
commit
a54c86114e
8 changed files with 229 additions and 42 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 100
      home.html
  2. 128
      style/css/index.css
  3. 1
      style/img/addUpload.svg
  4. 1
      style/img/lookAllPPT.svg
  5. BIN
      style/img/ppt_tem_select.png
  6. 1
      style/img/pptexanple.svg
  7. 1
      style/img/uploadFileIcon.svg
  8. 39
      style/js/index.js

100
home.html
View File

@ -9,12 +9,12 @@
<title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title> <title>{if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if}</title>
{if $site_ico} {if $site_ico}
<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if} <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=198"> <link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=199">
<script src="{$priv_style}/js/jquery-3.6.0.min.js"></script> <script src="{$priv_style}/js/jquery-3.6.0.min.js"></script>
<script src="{$priv_style}/js/clipboard.min.js"></script> <script src="{$priv_style}/js/clipboard.min.js"></script>
<script src="{$priv_style}/js/qrcode.min.js"></script> <script src="{$priv_style}/js/qrcode.min.js"></script>
<script src="{$priv_style}/js/lottie.min.js"></script> <script src="{$priv_style}/js/lottie.min.js"></script>
<script src="{$priv_style}/js/index.js?v=1985"></script> <script src="{$priv_style}/js/index.js?v=1995"></script>
</head> </head>
<body> <body>
@ -26,8 +26,10 @@
</div> </div>
<div class="right"> <div class="right">
<div class="right_btn activebtn">论文写作</div> <div class="right_btn activebtn">论文写作</div>
<div class="right_btn"><a href="/report2" target="_blank" <div class="right_btn">
rel="noopener noreferrer">报告下载</a></div> <a href="http://aitest.chachongz.com/report2" target="_blank"
rel="noopener noreferrer">报告下载</a>
</div>
</div> </div>
</header> </header>
<div class="bb"> <div class="bb">
@ -64,6 +66,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class=" step_back"> <div class=" step_back">
<div class="step_main"> <div class="step_main">
<dl class="normal_step active_step"> <dl class="normal_step active_step">
@ -161,12 +164,8 @@
<input type="hidden" id="cur_title_type" value="0"> <input type="hidden" id="cur_title_type" value="0">
<input type="hidden" id="cur_request" value="0"> <input type="hidden" id="cur_request" value="0">
<div class="custom-select"> <div class="custom-select">
<div class="placeBox" onclick="toggleSelect()">
<!-- 请选择您的论文专业 -->
<img src="{$priv_style}/img/selectIcon.svg" alt="">
</div>
<select id="project_select" name="fruits"> <select id="project_select" name="fruits">
<option value="" selected disabled>请选择您的论文专业</option> <option value="" selected disabled>选择您的论文专业</option>
<option value="1">经济</option> <option value="1">经济</option>
<option value="2">教育</option> <option value="2">教育</option>
<option value="3">文学</option> <option value="3">文学</option>
@ -177,7 +176,24 @@
<option value="8">工业技术</option> <option value="8">工业技术</option>
<option value="9">其它（自动识别）</option> <option value="9">其它（自动识别）</option>
</select> </select>
</div> <div class="custom-icon"></div>
</div>
<!-- <div class="custom-select">
<select id="project_select" name="fruits">
<option value="" selected disabled>选择您的论文专业</option>
<option value="1">经济</option>
<option value="2">教育</option>
<option value="3">文学</option>
<option value="4">医药</option>
<option value="5">法律</option>
<option value="6">计算机科学</option>
<option value="7">建筑科学</option>
<option value="8">工业技术</option>
<option value="9">其它（自动识别）</option>
</select>
<div class="custom-icon"></div>
</div> -->
<div class="oneRight opt-advise"> <div class="oneRight opt-advise">
<img src="{$priv_style}/img/input_icon.svg" alt=""> <img src="{$priv_style}/img/input_icon.svg" alt="">
<input type="text" class="inputChange " placeholder="输入完整的论文标题，获得更好的生成效果"> <input type="text" class="inputChange " placeholder="输入完整的论文标题，获得更好的生成效果">
@ -397,6 +413,46 @@
<p>将在所生成范文的随机位置插入所选项</p> <p>将在所生成范文的随机位置插入所选项</p>
</div> </div>
</div> </div>
<div class="form_pptItem hide">
<div class="ppt_label flex">
上传论文
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
</div>
<div class="ppt_upload flex">
<div class="uploadShow center point hide">
<img src="{$priv_style}/img/addUpload.svg" alt="">
<p class="ft14">支持单篇上传，txt doc docx文档，上限80M</p>
<input type="file" id="fileUpload" class="point" name="file">
</div>
<div class="uploadMesShow flex">
<img src="{$priv_style}/img/uploadFileIcon.svg" alt="">
<div class="">
<div class="fileInfo">
<span class="fileName">文件名称。doc</span>
<div class="uploadMes">文件过大，上传失败！</div>
<div class="uploadMes hide">上传成功</div>
<div class="uploadMes hide">上传中。。。95</div>
</div>
<div id="cancleBtn point" class="hide">取消上传</div>
<div id="againBtn point" class="hide">重新上传</div>
</div>
</div>
</div>
</div>
<div class="form_pptItem hide">
<div class="flex ppt_labelTwo">
<div >选择标签
<img class="requiredIcon" src="{$priv_style}/img/required_icon.svg" alt="">
</div>
<div class="point">
查看全部
<img src="{$priv_style}/img/lookAllPPT.svg" alt="">
</div>
</div>
<div class="ppt_temList">
</div>
</div>
</form> </form>
<button class="btn_result point" onclick="showCreateCatalogue()">生成论文大纲</button> <button class="btn_result point" onclick="showCreateCatalogue()">生成论文大纲</button>
<button class="btn_result_now point" id="formInputSumbtn">立即生成</button> <button class="btn_result_now point" id="formInputSumbtn">立即生成</button>
@ -464,10 +520,10 @@
} }
}); });
} }
function toggleSelect() { // function toggleSelect() {
var select = document.getElementById('project_select'); // var select = document.getElementById('project_select');
select.size = select.size ? 0 : 3; // 切换展开/收起状态 // select.size = select.size ? 0 : 3; // 切换展开/收起状态
} // }
function hideDom(dom) { function hideDom(dom) {
if ($(dom).hasClass('disBlock')) $(dom).removeClass('disBlock') if ($(dom).hasClass('disBlock')) $(dom).removeClass('disBlock')
$(dom).addClass('disNone') $(dom).addClass('disNone')
@ -489,7 +545,6 @@
for (var [key, value] of formData.entries()) { for (var [key, value] of formData.entries()) {
data[key] = value; data[key] = value;
} }
console.log(data);
} }
function adviseTitle(refresh = false) { function adviseTitle(refresh = false) {
if ($('#loading').css('display') == 'block') { if ($('#loading').css('display') == 'block') {
@ -501,7 +556,6 @@
return false; return false;
} }
let cur_title = $('#cur_title').val(); let cur_title = $('#cur_title').val();
console.log(cur_title,'cur_title-----');
if (cur_title != title || refresh) { if (cur_title != title || refresh) {
//初始化推荐标题 //初始化推荐标题
$('#advise-ul').html('') $('#advise-ul').html('')
@ -820,7 +874,7 @@
alert("请选择您的学历"); alert("请选择您的学历");
return; return;
} }
if (chkType != '82' && !$('.form_essayWords').hasClass('hide')) { if (chkType != '82' && $('.form_essayWords').css('display') !== 'none') {
var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val()); var wordnums = parseInt($('input[type="radio"][name="wordnums"]:checked').val());
if (wordnums <= 0 || isNaN(wordnums)) { if (wordnums <= 0 || isNaN(wordnums)) {
alert("请选择您的字数"); alert("请选择您的字数");
@ -846,7 +900,7 @@
var url = service_domain+ pathType[chkType] + "/catalogue?title=" + encodeURIComponent(title); var url = service_domain+ pathType[chkType] + "/catalogue?title=" + encodeURIComponent(title);
// var url = data.data.agent_domain + "/catalogue?title=" + encodeURIComponent(title); // var url = data.data.agent_domain + "/catalogue?title=" + encodeURIComponent(title);
var content_min_limit = $("#htmlconfig").attr('content_min_limit'); var content_min_limit = $("#htmlconfig").attr('content_min_limit');
if (!$('.coreContent').hasClass('hide')) { if ($('.coreContent').css('display') !== 'none') {
var core_content = $('.textAreaForWordCount').val(); var core_content = $('.textAreaForWordCount').val();
if (core_content.trim().length == 0 && content_min_limit > 0) { if (core_content.trim().length == 0 && content_min_limit > 0) {
alert("论文核心内容不能为空"); alert("论文核心内容不能为空");
@ -855,7 +909,9 @@
url += '&core=' + encodeURIComponent(core_content.trim()); url += '&core=' + encodeURIComponent(core_content.trim());
} }
if (table_and_formulas != '' && table_formula_types.indexOf(chkType) !== -1) url += '&table_and_formulas=' + table_and_formulas; if (table_and_formulas != '' && table_formula_types.indexOf(chkType) !== -1) url += '&table_and_formulas=' + table_and_formulas;
if (!$('.form_essayWords').hasClass('hide')) url += '&aiessay_wordnum=' + wordnums; if ($('.form_essayWords').css('display') !== 'none') {
url += '&aiessay_wordnum=' + wordnums;
}
if (major) url += '&major=' + major; if (major) url += '&major=' + major;
if (edu) url += '&edu=' + edu; if (edu) url += '&edu=' + edu;
window.open(url); window.open(url);
@ -903,12 +959,12 @@
<p>专注于AI创意与技术创新的企业，提供AI写作与AI制作PPT解决方案。业务涵盖先进模型开发、技术支持、市场推广与销售。</p> <p>专注于AI创意与技术创新的企业，提供AI写作与AI制作PPT解决方案。业务涵盖先进模型开发、技术支持、市场推广与销售。</p>
</div> </div>
<div class="right"> <div class="right">
<p>公司地址：北京市大兴区金星通黄路北侧11幢1层</p> <!-- <p>公司地址：北京市大兴区金星通黄路北侧11幢1层</p>
<p>电话:010-80497641</p> <p>电话:010-80497641</p> -->
</div> </div>
</div> </div>
</div> </div>
<footer> <footer class="footerBox">
<span> <span>
Copyright ©2024-2030 . All Rights Reserved {if $webbeian}{$webbeian}{/if} Copyright ©2024-2030 . All Rights Reserved {if $webbeian}{$webbeian}{/if}
</span> </span>

128
style/css/index.css
View File

@ -26,6 +26,12 @@ body,p,div{
.ft18{ .ft18{
font-size: 18px; font-size: 18px;
} }
.center{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.disNone,.hide{ .disNone,.hide{
display: none !important; display: none !important;
opacity: 0; opacity: 0;
@ -709,10 +715,9 @@ li .select_icon, .pay_every .pay_icon{
margin-bottom: 48px; margin-bottom: 48px;
} }
.custom-select { /* .custom-select {
position: relative; position: relative;
/* width: 200px; */ } */
}
.placeBox{ .placeBox{
position: absolute; position: absolute;
@ -735,7 +740,7 @@ li .select_icon, .pay_every .pay_icon{
height: 18px; height: 18px;
} }
/* 这里可以添加更多样式来美化自定义下拉菜单 */ /* 这里可以添加更多样式来美化自定义下拉菜单 */
#project_select{ /* #project_select{
border-radius: 6px; border-radius: 6px;
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #E8E8E8; border: 1px solid #E8E8E8;
@ -743,7 +748,7 @@ li .select_icon, .pay_every .pay_icon{
height: 46px; height: 46px;
width: 186px; width: 186px;
margin-right: 22px; margin-right: 22px;
} } */
.key_words{ .key_words{
line-height: 45px !important; line-height: 45px !important;
margin-top: -40px; margin-top: -40px;
@ -1089,6 +1094,65 @@ li .select_icon, .pay_every .pay_icon{
margin-left: 12px; margin-left: 12px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.form_pptItem{
font-family: Microsoft YaHei UI;
}
.form_pptItem .requiredIcon{
width: 8px;
height: 8px;
margin-left: 4px;
margin-top: 5px;
}
.ppt_label{
font-size: 14px;
line-height: 18px;
color: #1F2225;
padding: 8px 0;
margin-bottom: 12px;
}
.ppt_labelTwo{
font-size: 14px;
line-height: 18px;
color: #1F2225;
padding: 12px 0;
justify-content: space-between;
margin-bottom: 12px;
}
.ppt_upload{
flex-direction: row;
justify-content: center;
align-items: center;
/* padding: 20px 70px; */
padding: 18px 12px 14px;
border-radius: 6px;
box-sizing: border-box;
border: 1px dashed #BFBFBF;
margin-bottom: 24px;
}
.uploadShow{
flex-direction: column;
position: relative;
width: 100%;
height: 100%;
}
.uploadShow p{
margin-top: 17px;
color: #66696B;
line-height: 18px;
}
.uploadShow input{
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.uploadMesShow{
width: 100%;
height: 100%;
}
.educationRight{ .educationRight{
display: flex; display: flex;
align-items: center; align-items: center;
@ -1272,6 +1336,54 @@ li .select_icon, .pay_every .pay_icon{
right: 10px; /* 根据需要调整距离右侧的位置 */ right: 10px; /* 根据需要调整距离右侧的位置 */
font-size: 12px; /* 根据需要调整字体大小 */ font-size: 12px; /* 根据需要调整字体大小 */
} }
.custom-select {
position: relative;
display: inline-block;
margin-right: 22px;
}
#project_select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #aaa;
padding: 5px;
font-size: 14px;
height: 46px;
font-family: Microsoft YaHei UI;
width: 186px;
border-radius: 6px;
color: #8C919D;
cursor: pointer;
outline: none;
background: #FFFFFF;
border: 1px solid #E8E8E8;
}
/* 自定义图标 */
.custom-icon {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
background-image: url('../img/selectIcon.svg'); /* 图标路径 */
background-size: contain;
width: 20px; /* 图标宽度 */
height: 20px; /* 图标高度 */
pointer-events: none; /* 让图标不受鼠标事件影响 */
}
/* 伪元素覆盖原生箭头 */
select::-ms-expand {
display: none; /* 移除IE的下拉箭头 */
}
select:focus {
border-color: #4A90E2; /* 聚焦时边框颜色 */
}
#side_textarea, #coreTextarea{ #side_textarea, #coreTextarea{
flex: 1; flex: 1;
/* width: 100%; */ /* width: 100%; */
@ -1289,7 +1401,11 @@ li .select_icon, .pay_every .pay_icon{
.footer{ .footer{
background: #FAFAFC; background: #FAFAFC;
margin-top: 50px; margin-top: 50px;
transition: all .5s;
}
.footer2{
margin-top: 100px;
transition: all .5s;
} }
.footer .footerbox{ .footer .footerbox{
display: flex; display: flex;

1
style/img/addUpload.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_36_01120"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_36_01120)"><g><path d="M13.03001875,5.00130715L13.03001875,5Q13.03001875,4.9015086,13.010803750000001,4.80491Q12.99158875,4.708311,12.95389775,4.617317Q12.91620675,4.526322,12.86148775,4.44443Q12.80676975,4.362537,12.73712575,4.292893Q12.66748175,4.223249,12.58558875,4.16853Q12.50369675,4.113812,12.41270175,4.076121Q12.32170775,4.03843,12.22510875,4.019215Q12.12850975,4,12.03001885,4Q11.93160985,4,11.83508875,4.019183Q11.73856775,4.038366,11.64763775,4.075995Q11.55670675,4.113625,11.47485575,4.168258Q11.39300575,4.222891,11.32337475,4.292431Q11.25374275,4.3619710000000005,11.19900375,4.443751Q11.14426375,4.52553,11.10651475,4.616411Q11.06876575,4.707292,11.04945775,4.803788Q11.03014875,4.900284,11.03001975,4.99869285L11.03001775,4.99999999885734L11.01171975,18.9987L11.01171875,19Q11.01171875,19.0985,11.030933749999999,19.1951Q11.05014875,19.2917,11.08783975,19.3827Q11.12553075,19.4737,11.18024875,19.5556Q11.23496775,19.6375,11.30461175,19.7071Q11.37425575,19.776699999999998,11.45614875,19.8315Q11.53804075,19.886200000000002,11.62903575,19.9239Q11.72002975,19.9616,11.81662875,19.980800000000002Q11.91322735,20,12.01171875,20Q12.11012765,20,12.20664875,19.980800000000002Q12.30316975,19.9616,12.39410075,19.924Q12.48503075,19.886400000000002,12.56688175,19.831699999999998Q12.64873275,19.7771,12.71836375,19.7076Q12.78799475,19.637999999999998,12.84273475,19.5562Q12.89747475,19.4745,12.93522275,19.3836Q12.97297175,19.2927,12.99228075,19.196199999999997Q13.01158975,19.0997,13.01171775,19.0013L13.01171875,19L13.03001875,5.00130715Z" fill-rule="evenodd" fill="#2C394B" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M5,11L19,11Q19.0985,11,19.1951,11.019214999999999Q19.2917,11.03843,19.3827,11.076121Q19.4737,11.113812,19.5556,11.16853Q19.6375,11.223249,19.7071,11.292893Q19.776699999999998,11.362537,19.8315,11.44443Q19.886200000000002,11.526322,19.9239,11.617317Q19.9616,11.708311,19.980800000000002,11.80491Q20,11.9015086,20,12Q20,12.0984914,19.980800000000002,12.19509Q19.9616,12.291689,19.9239,12.382683Q19.886200000000002,12.473678,19.8315,12.55557Q19.776699999999998,12.637463,19.7071,12.707107Q19.6375,12.776751,19.5556,12.83147Q19.4737,12.886188,19.3827,12.923879Q19.2917,12.96157,19.1951,12.980785000000001Q19.0985,13,19,13L5,13Q4.9015086,13,4.80491,12.980785000000001Q4.708311,12.96157,4.617317,12.923879Q4.526322,12.886188,4.44443,12.83147Q4.362537,12.776751,4.292893,12.707107Q4.223249,12.637463,4.16853,12.55557Q4.113812,12.473678,4.076121,12.382683Q4.03843,12.291689,4.019215,12.19509Q4,12.0984914,4,12Q4,11.9015086,4.019215,11.80491Q4.03843,11.708311,4.076121,11.617317Q4.113812,11.526322,4.16853,11.44443Q4.223249,11.362537,4.292893,11.292893Q4.362537,11.223249,4.44443,11.16853Q4.526322,11.113812,4.617317,11.076121Q4.708311,11.03843,4.80491,11.019214999999999Q4.9015086,11,5,11Z" fill-rule="evenodd" fill="#2C394B" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

1
style/img/lookAllPPT.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="12" height="12" viewBox="0 0 12 12"><defs><clipPath id="master_svg0_36_01219"><rect x="0" y="0" width="12" height="12" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_36_01219)"><rect x="0" y="0" width="12" height="12" rx="0" fill="#FFFFFF" fill-opacity="1"/><g><path d="M3.468521,1.414348L8.46852,5.414350000000001Q8.53359,5.46641,8.585650000000001,5.53148Q8.67885,5.64797,8.720369999999999,5.791259999999999Q8.761890000000001,5.93455,8.74541,6.08282Q8.72894,6.2311,8.65698,6.36178Q8.58501,6.49246,8.46852,6.58565L3.468897,10.58535L3.468521,10.58565Q3.368783,10.66544,3.248255,10.70772Q3.127728,10.75,3,10.75Q2.9261315,10.75,2.853682,10.73559Q2.781233,10.72118,2.712987,10.69291Q2.644742,10.66464,2.583322,10.6236Q2.521903,10.58256,2.46967,10.53033Q2.417437,10.4781,2.376398,10.41668Q2.335359,10.35526,2.30709,10.28701Q2.278822,10.21877,2.264411,10.14632Q2.25,10.07387,2.25,10Q2.25,9.91564,2.26874,9.83339Q2.2874790000000003,9.75114,2.324023,9.67511Q2.360566,9.59908,2.413086,9.533059999999999Q2.465606,9.46705,2.531479,9.414349999999999L2.531854,9.41405L6.79941,6L2.531479,2.585652Q2.465606,2.532953,2.413086,2.466939Q2.360566,2.400924,2.324023,2.324892Q2.28748,2.248859,2.26874,2.1666090000000002Q2.25,2.0843583,2.25,2Q2.25,1.9261314999999999,2.264411,1.853682Q2.278822,1.781233,2.30709,1.712987Q2.335359,1.644742,2.376398,1.583322Q2.417437,1.521903,2.46967,1.46967Q2.521903,1.417437,2.583322,1.376398Q2.644742,1.335359,2.712987,1.30709Q2.781233,1.278822,2.853682,1.264411Q2.9261315,1.25,3,1.25Q3.127728,1.25,3.248255,1.292279Q3.368783,1.334557,3.468521,1.414348Z" fill-rule="evenodd" fill="#616263" fill-opacity="1"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
style/img/ppt_tem_select.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 496 B

1
style/img/pptexanple.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 183 KiB

1
style/img/uploadFileIcon.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32" height="38.39990234375" viewBox="0 0 32 38.39990234375"><defs><mask id="master_svg0_36_01041" style="mask-type:alpha" maskUnits="objectBoundingBox"><g><g><path d="M22.4402,1.64032L30.3598,9.55984C31.4101,10.6101,32,12.0344,32,13.5197L32,35.2C32,36.9674,30.5674,38.4,28.8,38.4L3.2,38.4C1.4328,38.4,0,36.9674,0,35.2L0,3.2C0,1.4328,1.4328,0,3.2,0L18.4805,0C19.9656,0,21.3901,0.59008,22.4402,1.64032Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></mask></defs><g><g><path d="M22.4402,1.64032L30.3598,9.55984C31.4101,10.6101,32,12.0344,32,13.5197L32,35.2C32,36.9674,30.5674,38.4,28.8,38.4L3.2,38.4C1.4328,38.4,0,36.9674,0,35.2L0,3.2C0,1.4328,1.4328,0,3.2,0L18.4805,0C19.9656,0,21.3901,0.59008,22.4402,1.64032Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M22.4402,1.64032L30.3598,9.55984C31.4101,10.6101,32,12.0344,32,13.5197L32,35.2C32,36.9674,30.5674,38.4,28.8,38.4L3.2,38.4C1.4328,38.4,0,36.9674,0,35.2L0,3.2C0,1.4328,1.4328,0,3.2,0L18.4805,0C19.9656,0,21.3901,0.59008,22.4402,1.64032ZM21.3087,2.7716Q20.1373,1.6,18.4805,1.6L3.2,1.6Q1.6,1.6,1.6,3.2L1.6,35.2Q1.6,36.8,3.2,36.8L28.8,36.8Q30.4,36.8,30.4,35.2L30.4,13.5197Q30.4,11.8627,29.2285,10.6912L21.3088,2.7717L21.3087,2.7716Z" fill-rule="evenodd" fill="#7375EF" fill-opacity="1"/></g><g mask="url(#master_svg0_36_01041)"><g><g><g><path d="M29.600390625,11.2L24.000390625,11.2C22.233190625,11.2,20.800390625,9.76736,20.800390625,8L20.800390625,2.4C20.800390625,1.07456,19.725830625,0,18.400390625,0L32.000390625,0L32.000390625,13.6C32.000390625,12.2746,30.925790624999998,11.2,29.600390625,11.2Z" fill-rule="evenodd" fill="#7173EA" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></g><g><path d="M22.147409375000002,25.91255C22.483709375,26.206899999999997,22.483709375,26.6845,22.147409375000002,26.979100000000003C21.810909375,27.273699999999998,21.265609375,27.273699999999998,20.929309375000003,26.979100000000003L15.999559375,22.662309999999998L11.069959375,26.979100000000003C10.852359375,27.1697,10.535241375,27.2441,10.237960375,27.174300000000002C9.940841375,27.104599999999998,9.708682375,26.9012,9.629000875,26.641C9.549322475,26.380699999999997,9.634280375,26.103,9.851883375,25.91255L14.781639375000001,21.59575L9.851883375,17.27911C9.541001875,16.981189,9.553161575,16.521671,9.879400375,16.236551C10.205642375,15.95159,10.730279375,15.9419891,11.069959375,16.214789L15.999559375,20.52919L20.929309375000003,16.214789C21.266609375,15.9261505,21.806409375,15.9287109,22.140009374999998,16.220709C22.473609375000002,16.512869,22.477009375,16.98551,22.147409375000002,17.28103L17.217639375,21.59575L22.147409375000002,25.91255Z" fill-rule="evenodd" fill="#7375EF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

39
style/js/index.js
View File

@ -16,15 +16,19 @@ $(document).ready(function() {
console.log(error); console.log(error);
}); });
//step监听滚动位置 //step监听滚动位置
$(window).scroll(function() { $(window).scroll(function() {
var element = $('.step_back'); var element = $('.step_back');
var distanceToTop = element.offset().top - $(this).scrollTop(); var element2 = $('.footer');
if(distanceToTop <= 64){ var distanceToTop = element.offset().top - $(this).scrollTop();
element.addClass('stickyStep') if(distanceToTop <= 64){
}else{ element.addClass('stickyStep')
element.removeClass('stickyStep') element2.addClass('footer2')
}
}); }else{
element.removeClass('stickyStep')
element2.removeClass('footer2')
}
});
function getFormData() { function getFormData() {
var formData = new FormData(document.querySelector('form')); var formData = new FormData(document.querySelector('form'));
var data = {}; var data = {};
@ -54,9 +58,12 @@ $(document).ready(function() {
// console.log('blur----'); // console.log('blur----');
// getAiTitleList() // getAiTitleList()
// }); // });
$('.normal_step').click(function(e) { // $('.right_btn').click(function(e) {
// if ($('.right_btn').hasClass('activebtn')) {
}); // $('.right_btn').removeClass('activebtn')
// }
// $(this).addClass('activebtn')
// });
function showOptArea(area){ function showOptArea(area){
$('.opt-area').css('display','none'); $('.opt-area').css('display','none');
$('#'+area).css('display','block'); $('#'+area).css('display','block');
@ -371,7 +378,6 @@ $(document).ready(function() {
$('li').click(function(e) { $('li').click(function(e) {
if ($('li').hasClass('active_select')) { if ($('li').hasClass('active_select')) {
$('li').removeClass('active_select') $('li').removeClass('active_select')
} }
@ -428,13 +434,18 @@ $(document).ready(function() {
if(t == '62' ||t == '63'){ if(t == '62' ||t == '63'){
$('.inputText').attr('max','500') $('.inputText').attr('max','500')
$('.inputText').text('0/500') $('.inputText').text('0/500')
}else if(t==82){ }else if(t=='82'){
$('.inputText').attr('max','200') $('.inputText').attr('max','200')
$('.inputText').text('0/200') $('.inputText').text('0/200')
}else{ }else{
$('.inputText').attr('max','100') $('.inputText').attr('max','100')
$('.inputText').text('0/100') $('.inputText').text('0/100')
} }
// if(t == '96'){
// $('.form_pptItem').show()
// }else{
// $('.form_pptItem').hide()
// }
// $("#downdemo").attr('href', '/downreportdemo/type/'+t); // $("#downdemo").attr('href', '/downreportdemo/type/'+t);
//图表公式 //图表公式
var table_formula_types = getTableFormulaTypes('support_table_formula_types'); var table_formula_types = getTableFormulaTypes('support_table_formula_types');

Write Preview
Loading…
Cancel
Save