zq
2 weeks ago
11 changed files with 3815 additions and 291 deletions
|
After Width: | Height: | Size: 960 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
@ -0,0 +1,98 @@ |
|||||
|
$(document).ready(function () { |
||||
|
// 假装一下
|
||||
|
$('#progressBar').val(20); |
||||
|
$('#progressBar').text('20%'); |
||||
|
|
||||
|
bindFileUpload(); |
||||
|
|
||||
|
function bindFileUpload() { |
||||
|
var formData = new FormData(); |
||||
|
$('.fileUpload').on('click', function (event) { |
||||
|
$('#fileUpload').trigger('click') |
||||
|
}) |
||||
|
$('#againBtn').on('click', function (event) { |
||||
|
$('#fileUpload').trigger('click') |
||||
|
}) |
||||
|
$('#cancleBtn').click(function () { |
||||
|
formData = new FormData(); |
||||
|
$('.uploadMes').html('') |
||||
|
}) |
||||
|
$('#fileUpload').on('change', function () { |
||||
|
$('#againBtn').addClass('hide') |
||||
|
var fileInput = $(this); |
||||
|
var files = fileInput.prop('files'); |
||||
|
var file = files[0]; // 获取文件
|
||||
|
if (file) { |
||||
|
// 这里可以添加上传文件之前的逻辑，例如文件验证
|
||||
|
// 创建FormData对象
|
||||
|
formData.append('paper_file', file); |
||||
|
formData.append('paper_type', '1'); |
||||
|
formData.append('is_asynch', '1'); |
||||
|
formData.append('ver_chktype', check_type); |
||||
|
// 使用jQuery AJAX上传文件
|
||||
|
$.ajax({ |
||||
|
url: service_domain + '/upload_file', |
||||
|
type: 'POST', |
||||
|
data: formData, |
||||
|
dataType: 'json', |
||||
|
processData: false, // 告诉jQuery不要处理发送的数据
|
||||
|
contentType: false, // 告诉jQuery不要设置Content-Type请求头
|
||||
|
xhr: function () { |
||||
|
$(".uploadShow").addClass('hide'); |
||||
|
$(".uploadMesShow").removeClass('hide'); |
||||
|
$(".uploadMes").removeClass('hide'); |
||||
|
$('#cancleBtn').removeClass('hide') |
||||
|
|
||||
|
var xhr = $.ajaxSettings.xhr(); |
||||
|
if (xhr.upload) { |
||||
|
$(".fileName").html(file.name); |
||||
|
|
||||
|
xhr.upload.addEventListener('progress', function (e) { |
||||
|
if (e.lengthComputable) { |
||||
|
var progress = Math.ceil((e.loaded / e.total) * 100); |
||||
|
// console.log('progress', progress)
|
||||
|
$('.uploadMes').html('上传中......'); |
||||
|
} |
||||
|
}, false); |
||||
|
} |
||||
|
return xhr; |
||||
|
}, |
||||
|
success: function (res) { |
||||
|
// 成功回调
|
||||
|
// res = fileMockData
|
||||
|
if (res.status) { |
||||
|
$(".uploadShow").addClass('hide'); |
||||
|
$("#cancleBtn").addClass('hide'); |
||||
|
$(".uploadMes").html('上传成功'); |
||||
|
$(".uploadMes").addClass('uploadSuccess');// 成功样式
|
||||
|
$(".uploadMes").removeClass('hide'); |
||||
|
|
||||
|
$('#againBtn').removeClass('hide') |
||||
|
$("#upload_file_md5").val(res.data.upload_file_md5); |
||||
|
$("#upload_file_name").val(res.data.upload_file_name); |
||||
|
$("#upload_file_tmpname").val(res.data.upload_file_tmpname); |
||||
|
} else { |
||||
|
$(".uploadShow").addClass('hide'); |
||||
|
$(".uploadMes").html(res.info); |
||||
|
$(".uploadMes").removeClass('uploadSuccess'); |
||||
|
$("#cancleBtn").addClass('hide'); |
||||
|
$('#againBtn').removeClass('hide') |
||||
|
$('.uploadMes').addClass("uploadfile-error"); |
||||
|
$(".uploadMes").removeClass('hide'); |
||||
|
} |
||||
|
}, |
||||
|
error: function (jqXHR, textStatus, errorThrown) { |
||||
|
// 错误回调
|
||||
|
$(".uploadShow").addClass('hide'); |
||||
|
$(".uploadMes").removeClass('uploadSuccess'); |
||||
|
$('.uploadMes').html('解析失败！请检查文件重新上传'); |
||||
|
$('.uploadMes').addClass("uploadfile-error"); |
||||
|
$(".uploadMes").removeClass('hide'); |
||||
|
$('#againBtn').removeClass('hide') |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
}) |
||||
@ -0,0 +1,365 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="zh"> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>{if $sitename}{$sitename}{else}一键生成万字{if !$is_filter_lunwen}论文{/if}范文{/if}</title> |
||||
|
<meta name="keywords" content="{$sitekeywords}"> |
||||
|
<meta name="description" content="{$sitedesc}"> |
||||
|
<!-- guip.css 文件后期引入需要更改为newai下的 --> |
||||
|
{if $site_ico} |
||||
|
<link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if} |
||||
|
<link rel="stylesheet" type="text/css" href="{$smarty.const.CSS_URL}/assets_v2/css/clientSet/normalize.css?v={$smarty.const.CSS_JS_VERSION}"/> |
||||
|
<link rel="stylesheet" type="text/css" href="./assets_v2/css/clientSet/common.css?v={$smarty.const.CSS_JS_VERSION}3"/> |
||||
|
<link rel="stylesheet" type="text/css" href="./assets_v2/css/clientSet/guip.css"/> |
||||
|
<script type="text/javascript" src="{$smarty.const.CSS_URL}/assets_v2/js/clientSet/jquery-3.6.0.min.js?v={$smarty.const.CSS_JS_VERSION}"></script> |
||||
|
<script src="{$smarty.const.CSS_URL}/assets_v2/js/clientSet/css-vars-ponyfill.min.js"></script> |
||||
|
<script type="text/javascript" src="./assets_v2/js/clientSet/jquery-3.6.0.min.js"></script> |
||||
|
<script type="text/javascript" src="./assets_v2/js/clientSet/home.js"></script> |
||||
|
|
||||
|
<!--[if lt IE 9]> |
||||
|
<script src="{$smarty.const.CSS_URL}/assets_v2/js/newai/html5shiv.js"></script> |
||||
|
<script src="{$smarty.const.CSS_URL}/assets_v2/js/newai/respond.min.js"></script> |
||||
|
<![endif]--> |
||||
|
|
||||
|
{literal} |
||||
|
<style> |
||||
|
body{ |
||||
|
background: #F3F5FE; |
||||
|
} |
||||
|
.flex{ |
||||
|
display: flex; |
||||
|
} |
||||
|
.homePage-wrap{ |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
margin:81px 0 54px 0; |
||||
|
} |
||||
|
.homePage-wrap img{ |
||||
|
width: 512px; |
||||
|
height: 97px; |
||||
|
} |
||||
|
#container{ |
||||
|
min-width: 1180px; |
||||
|
overflow-x: auto; |
||||
|
height: auto; |
||||
|
overflow: hidden; |
||||
|
box-sizing: border-box; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
/* 需要迁移 */ |
||||
|
.bg{ |
||||
|
position: fixed; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 100vw; |
||||
|
height: 100vh; |
||||
|
overflow: hidden; |
||||
|
display: flex; |
||||
|
display: -ms-flexbox; |
||||
|
background: #F3F5FE; |
||||
|
z-index: -1; |
||||
|
} |
||||
|
.column{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.sp_before{ |
||||
|
width: 6px; |
||||
|
height: 16px; |
||||
|
border-radius: 12px; |
||||
|
background: #3F62F6; |
||||
|
} |
||||
|
.uploadWrap{ |
||||
|
width: 540px; |
||||
|
height: 160px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
gap: 13px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.uploadWrap img{ |
||||
|
width: 50px; |
||||
|
height: 50px; |
||||
|
} |
||||
|
.uploadWrap p{ |
||||
|
font-size: 13px; |
||||
|
letter-spacing: normal; |
||||
|
color: #2C394B; |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.uploadWrap p:last-child{ |
||||
|
font-family: MiSans; |
||||
|
font-size: 12px; |
||||
|
font-weight: normal; |
||||
|
line-height: 20px; |
||||
|
letter-spacing: normal; |
||||
|
color: rgba(92, 110, 134, 0.6); |
||||
|
} |
||||
|
/* 未上传论文时添加校验类名 */ |
||||
|
.not_normal{ |
||||
|
color: #FF4D4F; |
||||
|
} |
||||
|
.common_back{ |
||||
|
width: 1000px; |
||||
|
height: auto; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
padding: 24px 32px; |
||||
|
gap: 24px; |
||||
|
margin-bottom: 12px; |
||||
|
border-radius: 9px; |
||||
|
background: rgba(255, 255, 255, 0.8); |
||||
|
box-sizing: border-box; |
||||
|
border: 2px solid #FFFFFF; |
||||
|
backdrop-filter: blur(10px); |
||||
|
} |
||||
|
.common_back p{ |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
/* 页面元素 start*/ |
||||
|
.fixed_upload{ |
||||
|
width: 1180px; |
||||
|
height: auto; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
padding: 24px 32px; |
||||
|
gap: 32px; |
||||
|
margin-bottom: 26px; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.selfBuid_title .goback{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
bottom: 50%; |
||||
|
transform: translateY(50%); |
||||
|
gap: 6px; |
||||
|
color: #666666; |
||||
|
font-weight: 500; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.uploadWrap{ |
||||
|
width: 1116px; |
||||
|
height: 200px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
flex-direction: column; |
||||
|
padding: 12px 0px; |
||||
|
gap: 13px; |
||||
|
align-self: stretch; |
||||
|
border-radius: 2px; |
||||
|
background: #F9FAFF; |
||||
|
border: 1px dashed #DFE2E6; |
||||
|
} |
||||
|
.upload_desc{ |
||||
|
text-align: left; |
||||
|
margin-top: 4px; |
||||
|
} |
||||
|
|
||||
|
#tem_upload_btn{ |
||||
|
width: 144px; |
||||
|
height: 46px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
padding: 14px 2px; |
||||
|
box-sizing: border-box; |
||||
|
border-radius: 4px; |
||||
|
background: #A8ADC2; |
||||
|
border: none; |
||||
|
color: #fff; |
||||
|
} |
||||
|
.active_btn{ |
||||
|
background: #3F62F6 !important; |
||||
|
} |
||||
|
.btn_desc{ |
||||
|
font-family: MiSans; |
||||
|
font-size: 12px; |
||||
|
font-weight: normal; |
||||
|
line-height: 20px; |
||||
|
letter-spacing: normal; |
||||
|
color: #3F62F6; |
||||
|
} |
||||
|
|
||||
|
.common_upload{ |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
gap: 24px; |
||||
|
box-sizing: border-box; |
||||
|
margin-bottom: 26px; |
||||
|
} |
||||
|
.condition_item{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
gap: 8px; |
||||
|
justify-content: flex-start; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.condition_item b{ |
||||
|
font-size: 14px; |
||||
|
color: #333; |
||||
|
} |
||||
|
.condition_item span{ |
||||
|
padding: 4px 8px; |
||||
|
box-sizing: border-box; |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
.condition_item span.active{ |
||||
|
border-radius: 4px; |
||||
|
background: #3F62F6; |
||||
|
color: #fff; |
||||
|
} |
||||
|
#progressBar{ |
||||
|
width: 330px; |
||||
|
} |
||||
|
.fileName,.uploadMes{ |
||||
|
margin-top: 6px; |
||||
|
} |
||||
|
#cancleBtn,#againBtn{ |
||||
|
width: 89px; |
||||
|
height: 26px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
box-sizing: border-box; |
||||
|
padding: 5px 19px; |
||||
|
border-radius: 2px; |
||||
|
background: #F9FAFF; |
||||
|
font-size: 12px; |
||||
|
color: #23242B; |
||||
|
border: 1px solid #DFE2E6; |
||||
|
margin: 0 auto; |
||||
|
margin-top: 24px; |
||||
|
} |
||||
|
.uploadMes,.uploadSuccess{ |
||||
|
font-family: MiSans; |
||||
|
font-size: 12px; |
||||
|
font-weight: normal; |
||||
|
line-height: 20px; |
||||
|
letter-spacing: normal; |
||||
|
color: #3F62F6; |
||||
|
margin-top: 6px; |
||||
|
} |
||||
|
.uploadSuccess{ |
||||
|
color: #00C261; |
||||
|
} |
||||
|
|
||||
|
/* 页面元素 end*/ |
||||
|
</style> |
||||
|
{/literal} |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
|
||||
|
<!--header公共组件--> |
||||
|
<!-- {include file="include/newai/header.html" hideaimenu="1"} --> |
||||
|
<!--header公共组件--> |
||||
|
|
||||
|
<div id="container"> |
||||
|
<div class="bg"></div> |
||||
|
<div class="selfBuid_title center"> |
||||
|
<h3>上传论文，进行排版</h3> |
||||
|
<div class="goback"> |
||||
|
<img src="./assets_v2/images/clientSet/back_icon.svg" alt="">返回 |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="common_back fixed_upload "> |
||||
|
<div class="flex condition_item hide"> |
||||
|
<div class="sp_before"></div> |
||||
|
<b>模板</b> |
||||
|
<span>中国人民大学-本科-马克思政治学院</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class=" common_upload"> |
||||
|
<div class="flex condition_item"> |
||||
|
<div class="sp_before"></div> |
||||
|
<b>学校</b> |
||||
|
<span>中国人民大学</span> |
||||
|
</div> |
||||
|
<div class="flex condition_item"> |
||||
|
<div class="sp_before"></div> |
||||
|
<b>学历</b> |
||||
|
<div class="flex edu_wrap"> |
||||
|
<span class="active">本科</span> |
||||
|
<span>本科</span> |
||||
|
<span>本科</span> |
||||
|
<span>本科</span> |
||||
|
<span>本科</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="flex condition_item"> |
||||
|
<div class="sp_before"></div> |
||||
|
<b>学院</b> |
||||
|
<div class="flex college_wrap"> |
||||
|
<span class="active">通用</span> |
||||
|
<span>马克思政治学院</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="uploadWrap"> |
||||
|
<input type="file" id="fileUpload" class="point hide" name="file"> |
||||
|
<div class="fileUpload hide"> |
||||
|
<img src="./assets_v2/images/clientSet/lunwen_upload.png" alt=""> |
||||
|
<p class="not_normal">点击此处上传论文，请确保论文完整</p> |
||||
|
<p class="upload_desc"> |
||||
|
1.支持doc、docx类文件，建议使用Word2013及以上版本。极少部分文档，因软件兼容问题需自行简单调版即可。<br/> |
||||
|
2.上传文档应包含学位论文的基本要素信息，暂不支持纯图片的文件排版。<br/> |
||||
|
3.单个文件，不能超过500M。 |
||||
|
</p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="fileInfo"> |
||||
|
<!-- 进度条 --> |
||||
|
<div class="flex"> |
||||
|
<progress id="progressBar" value="0" max="100"></progress> |
||||
|
<span id="percentage">0%</span> |
||||
|
<img src="./assets_v2/images/clientSet/uploadSuccess.svg" alt=""> |
||||
|
</div> |
||||
|
<!-- 文件信息 --> |
||||
|
<div class="fileName">文件名称。doc</div> |
||||
|
<div class="uploadMes hide">上传中。。。</div> |
||||
|
<div id="cancleBtn" class="point btn">取消上传</div> |
||||
|
<div id="againBtn" class="hide btn point">重新上传</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<button id="tem_upload_btn" class="active_btn">排版</button> |
||||
|
<p class="btn_desc">点击排版，免费看效果，满意再付费</p> |
||||
|
<!--footer公共组件--> |
||||
|
<!-- {include file="include/newai/footer.html"} --> |
||||
|
|
||||
|
</div> |
||||
|
<div id="tab_hide" class="hide">1</div> |
||||
|
<!-- {include file="include/newai/kefu.html"} |
||||
|
{$access_stats_code} --> |
||||
|
</body> |
||||
|
<!-- 迁移了项目再打开 --> |
||||
|
<!-- <script type="text/javascript" src="{$smarty.const.CSS_URL}/assets_v2/js/newai/rem.js"></script> |
||||
|
<script type="text/javascript" src="{$smarty.const.CSS_URL}/assets_v2/js/newai/common.js"></script> --> |
||||
|
<script type="text/javascript" src="./assets_v2/js/clientSet/fixedTemUpload.js?v=10"></script> |
||||
|
{literal} |
||||
|
<script> |
||||
|
$('.edu_content').on('click', '.radio_box input', function () { |
||||
|
let value = $(this).attr('value'); |
||||
|
$('.edu_content .radio_box').removeClass('radio_box_active'); |
||||
|
$(this).parent().addClass('radio_box_active'); |
||||
|
}) |
||||
|
</script> |
||||
|
{/literal} |
||||
|
|
||||
|
</html> |
||||
@ -0,0 +1,211 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>Document</title> |
||||
|
<link rel="stylesheet" type="text/css" href="./assets_v2/css/clientSet/common.css?v={$smarty.const.CSS_JS_VERSION}3"/> |
||||
|
|
||||
|
</head> |
||||
|
<style> |
||||
|
.cata-loading-wrapper{ |
||||
|
display: none; |
||||
|
} |
||||
|
.cata-loading-wrapper.active-loading{ |
||||
|
position: fixed; |
||||
|
width: 626px; |
||||
|
height: auto; |
||||
|
left: 50%; |
||||
|
top: 50%; |
||||
|
transform: translate(-50%, -50%); |
||||
|
display: block; |
||||
|
} |
||||
|
#cata-loading-img{ |
||||
|
display: block; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
.cata-loading-desc{ |
||||
|
height: 20px; |
||||
|
font-family: Microsoft YaHei UI; |
||||
|
font-size: 16px; |
||||
|
font-weight: normal; |
||||
|
line-height: normal; |
||||
|
letter-spacing: 0px; |
||||
|
color: #fff; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
margin-top: 9px; |
||||
|
} |
||||
|
@keyframes loadinrotate { |
||||
|
from { transform: rotate(0deg); } |
||||
|
to { transform: rotate(360deg); } |
||||
|
} |
||||
|
|
||||
|
#cata-loading-percent{ |
||||
|
height: 20px; |
||||
|
font-family: Microsoft YaHei UI; |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
line-height: normal; |
||||
|
letter-spacing: 0px; |
||||
|
color: #fff; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
margin-top: 16px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
.rotating-element { |
||||
|
width: 32px; |
||||
|
height: 32px; |
||||
|
animation: loadinrotate 1.5s linear infinite; |
||||
|
-webkit-animation: loadinrotate 1.5s linear infinite; |
||||
|
-ms-animation: loadinrotate 1.5s linear infinite; |
||||
|
transform-origin: center; |
||||
|
} |
||||
|
.no_waitbtn{ |
||||
|
font-size: 14px; |
||||
|
font-weight: normal; |
||||
|
line-height: normal; |
||||
|
text-align: center; |
||||
|
letter-spacing: 0.08em; |
||||
|
color: #FFFFFF; |
||||
|
width: 180px; |
||||
|
height: 46px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
padding: 14px 12px; |
||||
|
border-radius: 4px; |
||||
|
background: rgba(255, 255, 255, 0); |
||||
|
box-sizing: border-box; |
||||
|
border: 1px solid rgba(255, 255, 255, 0.7); |
||||
|
box-sizing: border-box; |
||||
|
margin: 0 auto; |
||||
|
margin-top: 46px; |
||||
|
} |
||||
|
.load_mask{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: #474852; |
||||
|
position: fixed; |
||||
|
z-index: -1; |
||||
|
} |
||||
|
|
||||
|
/* 弹出框 */ |
||||
|
.notice_dialog{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
background: rgba(0,0,0,.5); |
||||
|
z-index: 999; |
||||
|
} |
||||
|
.dialog_wrap{ |
||||
|
width: 490px; |
||||
|
height: 262px; |
||||
|
background: #fff; |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 50%; |
||||
|
transform: translate(-50%, -50%); |
||||
|
border-radius: 10px; |
||||
|
text-align: center; |
||||
|
padding-top: 28px; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.dialog_wrap h3{ |
||||
|
font-family: MiSans; |
||||
|
font-size: 22px; |
||||
|
font-weight: 600; |
||||
|
line-height: 28px; |
||||
|
letter-spacing: 1.04px; |
||||
|
color: #000000; |
||||
|
margin: 0; |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
.dialog_wrap p{ |
||||
|
font-size: 12px; |
||||
|
color: #666666; |
||||
|
} |
||||
|
.close_icon{ |
||||
|
width: 16px; |
||||
|
height: 16px; |
||||
|
position: absolute; |
||||
|
top: 28px; |
||||
|
right: 28px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
</style> |
||||
|
<body> |
||||
|
<div class="load_mask hide"> |
||||
|
<div class="cata-loading-wrapper active-loading"> |
||||
|
<!-- {$smarty.const.CSS_URL} --> |
||||
|
<!-- /newai --> |
||||
|
<img src="./assets_v2/images/clientSet/cata_loading.png" id="cata-loading-img" class="rotating-element"> |
||||
|
<div id="cata-loading-percent"><div>努力排版中…<span class="loading-dot">…</span></div><span class="loading-percent">0%</span></div> |
||||
|
<div class="cata-loading-desc">约需30秒，生成后免费预览，满意再下载</div> |
||||
|
<div class="no_waitbtn">不等了，完成后通知我</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 排版提醒弹框 --> |
||||
|
<div class="notice_dialog hide"> |
||||
|
<div class="dialog_wrap"> |
||||
|
<h3>排版完成会提醒</h3> |
||||
|
<img class="close_icon" src="./assets_v2/images/clientSet/close.svg" alt=""> |
||||
|
<img src="./assets_v2/images/clientSet/qrcode_ex.svg" alt=""> |
||||
|
<p>微信扫码关注公众号</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</body> |
||||
|
<script> |
||||
|
// 开启loading效果 |
||||
|
// loadingInit() |
||||
|
|
||||
|
|
||||
|
var loadingtimer = null |
||||
|
var loading_countnum = 0 |
||||
|
function getRandom(min, max) { |
||||
|
return Math.floor(Math.random() * (max - min + 1)) + min; |
||||
|
} |
||||
|
|
||||
|
function initCataLoading() { |
||||
|
loading_countnum = 0 |
||||
|
clearInterval(loadingtimer) |
||||
|
loadingtimer = setInterval(function(){ |
||||
|
if(loading_countnum < 99) { |
||||
|
loading_countnum += getRandom(1, 5) |
||||
|
} |
||||
|
if(loading_countnum >= 99) { |
||||
|
loading_countnum = 99 |
||||
|
} |
||||
|
$('#cata-loading-percent').find('.loading-percent').text(loading_countnum+'%') |
||||
|
}, 800) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
function loadingInit() { |
||||
|
$('.cata-loading-wrapper').addClass('active-loading') |
||||
|
// $('.container-catalogue-3').addClass('active-loading') |
||||
|
initCataLoading() |
||||
|
} |
||||
|
|
||||
|
function clearLoading() { |
||||
|
$('.cata-loading-wrapper').removeClass('active-loading') |
||||
|
// $('.container-catalogue-3').removeClass('active-loading') |
||||
|
$('.header-page-path-tag').remove(); |
||||
|
loading_countnum = 0 |
||||
|
clearInterval(loadingtimer) |
||||
|
} |
||||
|
|
||||
|
// 关闭弹框 |
||||
|
$('.close_icon').click(function(){ |
||||
|
$('.notice_dialog').hide() |
||||
|
}) |
||||
|
|
||||
|
</script> |
||||
|
</html> |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue