diff --git a/home.html b/home.html index 8df1833..a92ab97 100644 --- a/home.html +++ b/home.html @@ -7,15 +7,15 @@ {if $_siteinfo.site_introduction_name}{$_siteinfo.site_introduction_name}{else}AI论文{/if} {if $site_ico}{/if} - - - + + +
- + AI 写作大师
@@ -38,7 +38,7 @@
- +
一键生成万字论文 @@ -57,7 +57,7 @@
- +
输入论文题目 @@ -67,7 +67,7 @@
- +
编辑大纲 @@ -77,7 +77,7 @@
- +
下载论文 @@ -89,119 +89,321 @@
  • - + 毕业论文 - +
  • - + 课程论文 - +
  • - + 专升本计划书 - +
  • - + 职称论文 - +
  • - + 论文选题 - +
  • - + 文献综述 - +
  • - + 答辩PPT - +
  • - + 任务书 - +
  • - + 英文论文 - +
    • -
+ + +
请选择您的论文专业 - +
+ + + + + + + + + +
- +
0/50
- + 标题推荐
-
+
-
- +
+

您输入的标题更像是论文要求呢，让AI帮您优化标题吧！

-
- - - - - - - - +
+ + 标题不合格，接受AI推荐 + + + AI深度分析，根据内容推荐标题 + + + 选择推荐标题
- - +
忽略
+
开始优化
-
-
+
+
+
+
预处理信息
+
+
+
AI分析填写内容
+
+
+
AI匹配原创标题
+
+
+
完成
+
+
+ +
选择学历 - +
- +
- +
- +
@@ -215,19 +417,19 @@
论文字数 - +
- +
- +
- +
@@ -237,19 +439,19 @@
- +
- +
- +
- +
@@ -259,7 +461,7 @@

- + 我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用

@@ -268,12 +470,12 @@
- + AI 写作大师
-

beijingkashdklasl

- + + {if $company_name !=''}

{$company_name}

{/if}

专注于AI创意与技术创新的企业，提供AI写作与AI制作PPT解决方案。业务涵盖先进模型开发、技术支持、市场推广与销售。

diff --git a/style/css/index.css b/style/css/index.css index e355cb6..e25d49f 100644 --- a/style/css/index.css +++ b/style/css/index.css @@ -7,6 +7,31 @@ body,p,div{ /* right: calc((100% - 1680px) / 2); */ } } +.flex{ + display: flex; +} +.ft12{ + font-size: 12px; +} +.ft14{ + font-size: 14px; +} +.ft16{ + font-size: 16px; +} +.ft18{ + font-size: 18px; +} +.disNone{ + display: none !important; + opacity: 0; + transition: all .3s; +} +.disBlock{ + opacity: 1; + transition: all .3s; + display: block !important; +} .big_container{ /* width: 100%; height: 100vh; */ @@ -461,14 +486,12 @@ li .select_icon{ .oneRight input:focus-visible{ outline: none; } -.aititlePos{ - display: none; +.loadingPos,.aititlePos{ + /* display: none; */ position: absolute; left: 0px; top: 48px; - /* width: 910px; */ width: calc(100% - 28px); - height: 168px; /* 自动布局 */ display: flex; flex-direction: column; @@ -476,7 +499,6 @@ li .select_icon{ 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); @@ -487,7 +509,7 @@ li .select_icon{ left: 14px; top: 16px; */ /* width: 882px; */ - height: 106px; + /* height: 106px; */ /* 自动布局 */ display: flex; flex-direction: column; @@ -498,18 +520,99 @@ li .select_icon{ z-index: 0; border-radius: 8px; opacity: 1; + margin-bottom: 12px; background: linear-gradient(180deg, #EDF1FE 0%, #FCFDFF 119%); } +.posHead{ + font-family: MicrosoftYaHeiUI; + font-size: 16px; + font-weight: normal; + line-height: normal; + letter-spacing: 0px; + font-variation-settings: "opsz" auto; + color: #282828; + line-height: 20px; + /* margin-bottom: 14px; */ +} +.posHead img{ + width: 18px; + height: 18px; + margin-right: 6px; +} +.posStep{ + width: 100%; + align-items: center; + font-size: 12px; + max-width: 710px; +} +.posStep img{ + width: 6px; + height: 6px; + margin-right: 6px; +} +.posStep .posLine{ + flex: 1; + margin: 0 8px; + min-width: 16px; + /* max-width: ; */ +} .posFooter{ display: flex; justify-content: flex-end; color: #8C919D; font-size: 14px; + line-height: 16px; +} +.posFooter div{ + background: transparent; + border: none; + color: #8C919D; + cursor: pointer; } -.startBtn{ +.posFooter .startBtn{ color: #5B6FF6; margin-left: 20px; } +.loading-area{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 84px; + background: linear-gradient( 180deg, #F1FBFF 0%, #ECF3FF 100%); + border-radius: 8px; + font-weight: 400; + font-size: 12px; + color: #8B919A; + text-align: center; +} +.step-icon{ + width:18px; + height: 18px; + margin-right: 4px; + /* background-image: url(//css.chachongz.com/images/ai2/modelessay/loading_step_gray.png); */ + background-size: cover; + background-position: center center; + background-repeat: no-repeat; +} +.step-text{ + font-size: 12px; + color: #8B919A; + line-height: 84px; +} +.step-icon-done{ + background-image: url(../img/stepDone.png); +} +.step-icon-done+.step-text{ + color: #282828; +} +.step-icon-active{ + background-image: none; + margin-top: -22px; +} +.step-icon-active+.step-text{ + color: #1675FF; +} .normal_recommend_title,.recommend_title{ width: 82px; margin-left: 12px; @@ -518,13 +621,15 @@ li .select_icon{ justify-content: space-between; align-items: center; border-radius: 6px; - + background: #F9FAFA; padding: 8px 12px; cursor: pointer; + transition: all .5s; } .recommend_title{ background: #FFF5ED; color: #FF7800; + transition: all .5s; } .inputText{ color: #525252; diff --git a/style/img/line11111.svg b/style/img/line11111.svg new file mode 100644 index 0000000..96c9cf7 --- /dev/null +++ b/style/img/line11111.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/posCircle.svg b/style/img/posCircle.svg new file mode 100644 index 0000000..b4e398e --- /dev/null +++ b/style/img/posCircle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/posRight.svg b/style/img/posRight.svg new file mode 100644 index 0000000..cf0b11a --- /dev/null +++ b/style/img/posRight.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/posStart.svg b/style/img/posStart.svg new file mode 100644 index 0000000..bb052a3 --- /dev/null +++ b/style/img/posStart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/stepDone.png b/style/img/stepDone.png new file mode 100644 index 0000000..e2dbbbb Binary files /dev/null and b/style/img/stepDone.png differ diff --git a/style/img/stepSucc.svg b/style/img/stepSucc.svg new file mode 100644 index 0000000..dfc508d --- /dev/null +++ b/style/img/stepSucc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/stepWaiting.png b/style/img/stepWaiting.png new file mode 100644 index 0000000..d5f5dda Binary files /dev/null and b/style/img/stepWaiting.png differ diff --git a/style/js/index.js b/style/js/index.js index e20b6cc..507f5ac 100644 --- a/style/js/index.js +++ b/style/js/index.js @@ -1,4 +1,8 @@ $(document).ready(function() { + var notRadio = ''; + var yesRadio = ''; + var notChecked = ''; + var checked = ''; $.get('你的接口URL', function(response) { // 请求成功时的回调函数 console.log(response); @@ -12,13 +16,14 @@ $(document).ready(function() { var distanceToTop = element.offset().top - $(this).scrollTop(); if(distanceToTop <= 64){ element.addClass('stickyStep') + }else{ + element.removeClass('stickyStep') } }); //标题输入字数 - $('.inputChange').on('keyup', function() { + $('.inputChange').on('input', 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{ @@ -32,9 +37,10 @@ $(document).ready(function() { // $('.inputText').removeClass('recommend_title') } }); - $('.inputChange').on('blur', function() { - - }); + // $('.inputChange').on('blur', function() { + // console.log('blur----'); + // getAiTitleList() + // }); $('.normal_step').click(function(e) { }); @@ -45,49 +51,82 @@ $(document).ready(function() { 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) + function getAiTitleList(){ + let title = $('.inputChange').val(); + let title_type = $('#project_select').val() + console.log($('#project_select'),title_type); + $.ajax({ + type: "post", + url: 'http://aitest.chachongz.com/ajax_advise_ai_title', + data: { + title: title, + title_type: title_type + }, + success: function(jsondata) { + // $('#cur_request').val(0) - // var res = JSON.parse(jsondata); - // console.log(res,'====='); - // // if(!res.status){ - // // alert(res.info); - // // return false; - // // } + 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.title != $('#cur_title').val()){ + // return false; + // } - // // if(res.data.list.length>0){ - // // let html = '' - // // res.data.list.forEach(function(item) { - // // html += '
'+item+'
'; - // // }); - // // $('#advise-ul').html(html); + // if(res.data.list.length>0){ + // let html = '' + // res.data.list.forEach(function(item) { + // html += '
'+item+'
'; + // }); + // $('#advise-ul').html(html); - // // let ani3 = stepLoading(3, 'done') - // // ani3.addEventListener('complete', function() { - // // stepDone(3, ani3) + // let ani3 = stepLoading(3, 'done') + // ani3.addEventListener('complete', function() { + // stepDone(3, ani3) - // // //第四步默认完成 - // // let ani4 = stepLoading(4, 'done') - // // ani4.addEventListener('complete', function() { - // // ani4.destroy(); - // // }); + // //第四步默认完成 + // let ani4 = stepLoading(4, 'done') + // ani4.addEventListener('complete', function() { + // ani4.destroy(); + // }); - // // showAdviseList() - // // }); - // // } - // } - // }); + // showAdviseList() + // }); + // } + } + }); + } + function checkAiTitle() { + let title = $('.inputChange').val(); + $.ajax({ + type: "post", + url: '/ajax_check_ai_title', + data: { + title: title + }, + success: function (jsondata) { + var res = JSON.parse(jsondata); + if (!res.status) { + alert(res.info); + return false; + } + + $('#cur_title_type').val(res.data); + + if (res.status && res.data != 1) { + if($('#loading').css('display') == 'none'){ + showOptArea('not-title'); + } + } + } + }); + } + function showAdviseTitle(){ + console.log('haha'); + } $('li').click(function(e) { if ($('li').hasClass('active_select')) { $('li').removeClass('active_select')