zq
2 weeks ago
16 changed files with 1057 additions and 1 deletions
@ -0,0 +1,441 @@ |
|||
body{ |
|||
background: #eee; |
|||
font-size: var(--font-normal-size); |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
display: -ms-flexbox; |
|||
align-items: center; |
|||
} |
|||
.templete_item{ |
|||
margin: 20px 20px; |
|||
} |
|||
input,textarea{ |
|||
width: 200px; |
|||
/* height: 40px; */ |
|||
transition: all .3s ease; |
|||
} |
|||
.common_templets{ |
|||
display: flex; |
|||
display: -ms-flexbox; |
|||
flex-direction: column; |
|||
} |
|||
.button_list{ |
|||
display: flex; |
|||
display: -ms-flexbox; |
|||
width: 100%; |
|||
} |
|||
.button_list button{ |
|||
margin-right: 20px; |
|||
} |
|||
.hide{ |
|||
display: none !important; |
|||
} |
|||
/* 全屏蒙层 */ |
|||
.pageMask{ |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(0,0,0,0.33); |
|||
position: fixed; |
|||
z-index: 100; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
/* 弹框 宽高另设*/ |
|||
.page_modal { |
|||
background: #fff; |
|||
width: calc(644px - 28px*2); |
|||
padding: 28px; |
|||
position: fixed; |
|||
top: 50%; |
|||
left: 50%; |
|||
z-index: 100; |
|||
transform: translate(-50%, -50%); |
|||
border-radius: 12px; |
|||
} |
|||
/* 关闭图标位置 */ |
|||
.close_icon{ |
|||
cursor: pointer; |
|||
position: absolute; |
|||
right: 28px; |
|||
top: 28px; |
|||
} |
|||
|
|||
/* -----------------分割线------------------ */ |
|||
button{ |
|||
transition: all .3s ease; |
|||
display: flex; |
|||
display: -ms-flexbox; |
|||
align-items: center; |
|||
box-sizing: border-box; |
|||
justify-content: center; |
|||
/* 圆角 */ |
|||
padding: 12px 24px; |
|||
min-width: 80px; |
|||
height: 40px; |
|||
border-radius: var(--button-border-radius); |
|||
} |
|||
button .btn_icon{ |
|||
width: 18px; |
|||
height: 18px; |
|||
margin-right: 6px; |
|||
} |
|||
button:hover{ |
|||
transition: all 1s; |
|||
cursor: pointer; |
|||
opacity: var(--button-hover-opacity); |
|||
} |
|||
/* 卡片滑过 */ |
|||
.card_bg{ |
|||
border-radius: 12px; |
|||
opacity: 1; |
|||
background: rgba(255, 255, 255, 0.68); |
|||
box-sizing: border-box; |
|||
border: 1.5px solid #FFFFFF; |
|||
box-shadow: var(--box-shadow); |
|||
width: 268px; |
|||
padding: 16px; |
|||
transition: all 1s; |
|||
} |
|||
.card_bg:hover{ |
|||
color: var(--white-text-color); |
|||
transition: all 1s; |
|||
background: linear-gradient(90deg, #3867F9 0%, #62A4F8 100%); |
|||
box-shadow: 0px 2px 16px 0px rgba(44, 57, 75, 0.08); |
|||
} |
|||
/* 输入框 */ |
|||
input::placeholder{ |
|||
color: rgba(92, 110, 134, 0.6) !important; |
|||
font-size: var(--font-normal-size); |
|||
} |
|||
.inputWrap{ |
|||
position: relative; |
|||
border-radius: 6px; |
|||
width: 400px; |
|||
display: flex; |
|||
display: -ms-flexbox; |
|||
/* justify-content: space-between; */ |
|||
align-items: center; |
|||
transition: all .3s ease; |
|||
} |
|||
.inputWrap .btn1{ |
|||
width: 114px; |
|||
height: 36px; |
|||
padding: 0; |
|||
position: absolute; |
|||
right: 6px; |
|||
bottom: 6px; |
|||
background: var(--mes-active-bg); |
|||
} |
|||
.inputWrap input{ |
|||
border-radius: 6px; |
|||
border: 1.5px solid #E8E8E8; |
|||
background: var( --main-bg-color); |
|||
box-shadow: 0px 2px 16px 0px rgba(44, 57, 75, 0.08); |
|||
flex: 1; |
|||
padding-left: 16px; |
|||
padding-right: 126px; |
|||
height: 44px; |
|||
outline: none; |
|||
} |
|||
.inputWrap input:hover{ |
|||
transition: all 1s; |
|||
border: 1.5px solid var(--hoverActive-border-color); |
|||
box-shadow: 0px 2px 16px 0px rgba(44, 57, 75, 0.08); |
|||
} |
|||
.inputWrap input:focus,.inputWrap input:focus-visible,.inputWrap input:active{ |
|||
border: 1.5px solid var(--hoverActive-border-color); |
|||
transition: all 1s; |
|||
box-shadow: 0px 2px 16px 0px rgba(44, 57, 75, 0.08); |
|||
} |
|||
/* label 名称在输入框内显示 */ |
|||
.left-more input{ |
|||
width: 100%; |
|||
height: 48px; |
|||
padding: 0 0 0 59px; |
|||
border-radius: 6px; |
|||
background: #FFFFFF; |
|||
border: 1px solid #E8E8E8; |
|||
} |
|||
.left-more span{ |
|||
position: absolute; |
|||
left: 16px; |
|||
letter-spacing: 0.8px; |
|||
color: #000000; |
|||
} |
|||
|
|||
/* 文本输入框 */ |
|||
.self_input{ |
|||
padding: 12px 16px; |
|||
} |
|||
.self_input,.self_textArea{ |
|||
border-radius: 6px; |
|||
opacity: 1; |
|||
background: var(--main-bg-color); |
|||
box-shadow: var(--box-shadow); |
|||
border: 1.5px solid #E8E8E8; |
|||
outline: none; |
|||
} |
|||
.self_input::placeholder,.self_textArea::placeholder{ |
|||
color:var(--main-placeholder-color); |
|||
transition: all 1s; |
|||
} |
|||
.self_input:hover,.self_textArea:hover{ |
|||
/* box-sizing: border-box; */ |
|||
border: 1.5px solid var(--input-hover-border); |
|||
transition: all 1s; |
|||
/* box-shadow: var(--box-shadow) */ |
|||
} |
|||
.self_input:active,.self_textArea:active,.self_input:focus-visible,.self_textArea:focus-visible{ |
|||
/* box-sizing: border-box; */ |
|||
border: 1.5px solid var(--border-color); |
|||
transition: all .3s; |
|||
/* box-shadow: var(--box-shadow) */ |
|||
} |
|||
.self_textArea{ |
|||
padding: 12px 16px; |
|||
} |
|||
|
|||
/* button 集合 */ |
|||
/* 非 diabled属性禁用的按钮 添加禁止点击状态 */ |
|||
.userNone{ |
|||
user-select: none; |
|||
cursor: not-allowed !important; |
|||
opacity: var(--button-hover-opacity); |
|||
} |
|||
.primary_btn{ |
|||
border: none; |
|||
font-weight: var(--font-weight); |
|||
background:var(--button-primary-bg); |
|||
color:var(--button-primary-color); |
|||
} |
|||
.primary_btn:active,.primary_btn:focus-visible{ |
|||
background: var(--button-active-bg); |
|||
} |
|||
.normal_btn{ |
|||
font-weight: var(--font-weight); |
|||
background:var(--button-normal-bg); |
|||
color:var(--button-normal-text); |
|||
background: var(--button-normal-bg); |
|||
border: 1.5px solid var(--button-normal-text); |
|||
} |
|||
.normal_btn:active{ |
|||
/* background: var(--button-normal-bg); */ |
|||
} |
|||
.common_btn{ |
|||
font-weight: var(--font-weight); |
|||
background:var(--button-common-bg); |
|||
color:var(--button-common-text); |
|||
border: 1.5px solid var( --border-color); |
|||
} |
|||
button:disabled{ |
|||
background:var(--button-disabled-bg); |
|||
color:var(--button-disabled-text); |
|||
user-select: none; |
|||
cursor: not-allowed !important; |
|||
} |
|||
.operal_btn{ |
|||
border: none; |
|||
font-size: var(--font-small-size); |
|||
font-weight: var(--font-weight); |
|||
background:var(--button-operal-bg); |
|||
color:var(--button-operal-text); |
|||
/* border: 1.5px solid var( --border-color); */ |
|||
} |
|||
.ignore_btn{ |
|||
font-weight: 500; |
|||
color:var(--button-common-text); |
|||
border-radius: 8px; |
|||
background: rgba(255, 255, 255, 0.5); |
|||
box-sizing: border-box; |
|||
border: 1.5px solid rgba(255, 255, 255, 0.98); |
|||
box-shadow: 0px 2px 16px 0px rgba(44, 57, 75, 0.1); |
|||
|
|||
} |
|||
.cancleTwo_btn{ |
|||
background: #DCE8F8; |
|||
color: #5C6E86; |
|||
font-weight: 500; |
|||
font-size: var(--font-small-size); |
|||
border: none; |
|||
} |
|||
|
|||
/* 单选框、 复选框 */ |
|||
.radio_box,.check_Box{ |
|||
display: flex; |
|||
display: -ms-flexbox; |
|||
align-items: center; |
|||
margin-right: 24px; |
|||
position: relative; |
|||
cursor: pointer; |
|||
font-weight: 500; |
|||
color: #2C394B; |
|||
transition: all .3s ease; |
|||
} |
|||
|
|||
.radio_box:hover ,.check_Box:hover{ |
|||
opacity: 0.8; |
|||
color: var(--button-normal-text); |
|||
transition: all .3s ease; |
|||
} |
|||
.check_Box input,.radio_box input{ |
|||
opacity: 0; |
|||
position: absolute; |
|||
left: 0; |
|||
width: 100%; |
|||
cursor: pointer; |
|||
} |
|||
.radio_box div{ |
|||
width: 18px; |
|||
height: 18px; |
|||
margin-right: 8px; |
|||
cursor: pointer; |
|||
} |
|||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { |
|||
.radio_box div{ |
|||
width: 20px; |
|||
height: 20px; |
|||
} |
|||
} |
|||
|
|||
.check_Box div{ |
|||
width: 18px; |
|||
height: 18px; |
|||
margin-right: 8px; |
|||
cursor: pointer; |
|||
} |
|||
.radio_box_active,.check_Box_active{ |
|||
font-size: var(--font-normal-size); |
|||
font-weight: var(--font-weight); |
|||
color: var(--button-normal-text); |
|||
} |
|||
.radio_box div{ |
|||
background: url(../../images/clientSet/radio_normal.svg); |
|||
background-size: contain; |
|||
} |
|||
.radio_box_active div{ |
|||
width: 18px; |
|||
height: 18px; |
|||
animation: radio_scale .3s; |
|||
background: url(../../images/clientSet/radio_active.svg); |
|||
} |
|||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { |
|||
.radio_box_active div{ |
|||
width: 19px; |
|||
height: 19px; |
|||
border-radius: 100%; |
|||
} |
|||
} |
|||
.check_Box div{ |
|||
background: url(../../images/clientSet/no_checkedbox.svg); |
|||
} |
|||
.check_Box_active div{ |
|||
animation: radio_scale .3s; |
|||
background: url(../../images/clientSet/checkedBox.svg); |
|||
} |
|||
.change_ani{ |
|||
-webkit-animation-duration: .3s; |
|||
-webkit-animation-fill-mode: both; |
|||
animation-duration: .3s; |
|||
animation-fill-mode: both; |
|||
} |
|||
/* 下拉选择框 */ |
|||
@keyframes radio_scale{ |
|||
0%{ |
|||
transform: scale(0.3); |
|||
} |
|||
30%{ |
|||
transform: scale(0.5); |
|||
} |
|||
50%{ |
|||
transform: scale(0.7); |
|||
} |
|||
70%{ |
|||
transform: scale(0.8); |
|||
} |
|||
100%{ |
|||
transform: scale(1); |
|||
} |
|||
|
|||
} |
|||
.custom-dropdown { |
|||
position: relative; |
|||
display: inline-block; |
|||
margin-right: 22px; |
|||
} |
|||
|
|||
.dropdown-input { |
|||
font-size: var(--font-normal-size); |
|||
height: 44px; |
|||
font-family: MiSans;; |
|||
width: 176px; |
|||
border-radius: 6px; |
|||
height: 44px; |
|||
color: #3D3D3D; |
|||
cursor: pointer; |
|||
padding: 0 0 0 16px; |
|||
background: #FFFFFF; |
|||
border: 1px solid #E8E8E8; |
|||
transition: all .3s; |
|||
} |
|||
.dropdown-input:hover{ |
|||
transition: all .3s; |
|||
border: 1px solid #5B6FF6 !important; |
|||
} |
|||
.dropdown-input:focus-visible{ |
|||
transition: all .3s; |
|||
border: 1px solid #5B6FF6 !important; |
|||
outline: none; |
|||
} |
|||
.dropdown-input:focus-visible .dropdown-input+.custom-icon{ |
|||
transform: rotate(180deg); |
|||
} |
|||
.dropdown-input::placeholder{ |
|||
color: rgba(92, 110, 134, 0.6) !important; |
|||
} |
|||
.dropdown-content { |
|||
display: none; |
|||
position: absolute; |
|||
background-color: #fff; |
|||
border-radius: 8px; |
|||
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08); |
|||
/* min-width: 160px; */ |
|||
z-index: 1; |
|||
width: calc(100% - 16px); |
|||
max-height: 205px; |
|||
overflow-y: auto; |
|||
padding: 10px 8px; |
|||
} |
|||
|
|||
.dropdown-content p{ |
|||
color: black; |
|||
display: block; |
|||
padding: 8px 10px; |
|||
cursor: pointer; |
|||
line-height: 20px; |
|||
} |
|||
.dropdown-content p:hover{ |
|||
background: #F1F4FF; |
|||
} |
|||
.dropdown-content .selected_back{ |
|||
background: #F1F4FF; |
|||
} |
|||
/* 自定义图标 */ |
|||
.custom-icon { |
|||
position: absolute; |
|||
top: 50%; |
|||
right: 10px; |
|||
transform: translateY(-50%); |
|||
background-image: url(../../images/clientSet/selectIcon.svg); /* 图标路径 */ |
|||
background-size: contain; |
|||
width: 20px; /* 图标宽度 */ |
|||
height: 20px; /* 图标高度 */ |
|||
pointer-events: none; /* 让图标不受鼠标事件影响 */ |
|||
} |
|||
/* 伪元素覆盖原生箭头 */ |
|||
select::-ms-expand { |
|||
display: none; /* 移除IE的下拉箭头 */ |
|||
} |
|||
select:focus { |
|||
border-color: #4A90E2; /* 聚焦时边框颜色 */ |
|||
} |
|||
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 948 B |
|
After Width: | Height: | Size: 157 KiB |
|
After Width: | Height: | Size: 55 KiB |
@ -0,0 +1,21 @@ |
|||
$(document).ready(function () { |
|||
// 模板列表
|
|||
function getTempList(){ |
|||
$.ajax({ |
|||
url: '', |
|||
type: 'get', |
|||
success: function (res) { |
|||
if(res.code == 0){ |
|||
// 渲染地区列表
|
|||
} |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 使用格式
|
|||
$('.item_templete').on('click','.useTemBtn',function () { |
|||
}) |
|||
// 上传格式
|
|||
$('.item_templete').on('click','.upload_tem_btn',function () { |
|||
}) |
|||
}) |
|||
@ -0,0 +1,264 @@ |
|||
<!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}"> |
|||
{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="{$smarty.const.CSS_URL}/assets_v2/css/clientSet/common.css?v={$smarty.const.CSS_JS_VERSION}3"/> |
|||
<link rel="stylesheet" type="text/css" href="{$smarty.const.CSS_URL}/assets_v2/css/clientSet/index.css?v={$smarty.const.CSS_JS_VERSION}3"/> |
|||
<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; |
|||
} |
|||
|
|||
/* 页面元素 start*/ |
|||
.chooseTem_title{ |
|||
position: relative; |
|||
text-align: center; |
|||
width: 1180px; |
|||
margin-bottom: 32px; |
|||
} |
|||
.chooseTem_title h3{ |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
color: #121519; |
|||
margin: 0; |
|||
} |
|||
.chooseTem_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; |
|||
} |
|||
.tem_list{ |
|||
gap: 12px; |
|||
} |
|||
.item_templete{ |
|||
padding: 16px; |
|||
box-sizing: border-box; |
|||
border-radius: 9px; |
|||
background: #FFFFFF; |
|||
height: 216px; |
|||
width: 286px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.item_templete .item_right{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: inherit; |
|||
} |
|||
.item_templete .item_right .column{ |
|||
gap: 14px; |
|||
} |
|||
.tag,.unique{ |
|||
height: 23px; |
|||
display: inline-block; |
|||
margin: 14px 0; |
|||
padding: 4px 8px; |
|||
font-size: 12px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: normal; |
|||
border-radius: 4px; |
|||
box-sizing: border-box; |
|||
background: #EFF6FF; |
|||
color: #006AFF; |
|||
} |
|||
.unique{ |
|||
color: #00C261; |
|||
background: #F1FFEF; |
|||
} |
|||
.item_templete h5{ |
|||
font-family: Microsoft YaHei UI; |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
line-height: 24px; |
|||
letter-spacing: normal; |
|||
color: #333333; |
|||
margin: 0; |
|||
} |
|||
.item_templete .time{ |
|||
font-size: 12px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: normal; |
|||
color: #999999; |
|||
margin:0; |
|||
} |
|||
.item_templete .time{ |
|||
margin-top: 14px; |
|||
color: #666666; |
|||
} |
|||
.item_templete .time span{ |
|||
color: #E52B2B |
|||
} |
|||
|
|||
.tem_list .useTemBtn,.upload_tem_btn{ |
|||
width: 90px; |
|||
height: 30px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
border-radius: 4px; |
|||
background: #EFF2FF; |
|||
box-sizing: border-box; |
|||
font-size: 14px; |
|||
color: #3F62F6; |
|||
border: none; |
|||
} |
|||
.self_bulid_tem h5{ |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
line-height: 24px; |
|||
letter-spacing: normal; |
|||
color: #3F62F6; |
|||
} |
|||
|
|||
/* 页面元素 end*/ |
|||
</style> |
|||
{/literal} |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!--header公共组件--> |
|||
<!-- {include file="include/newai/header.html" hideaimenu="1"} --> |
|||
<!--header公共组件--> |
|||
|
|||
<div id="container"> |
|||
<div class="bg"></div> |
|||
<div class="chooseTem_title center"> |
|||
<h3>清华大学</h3> |
|||
<div class="goback"> |
|||
<img src="./assets_v2/images/clientSet/back_icon.svg" alt="">返回 |
|||
</div> |
|||
</div> |
|||
<div class="tem_list flex"> |
|||
<div class="item_templete"> |
|||
<img src="./assets_v2/images/clientSet/templete2.png" alt=""> |
|||
<div class="item_right"> |
|||
<div class=""> |
|||
<h5>清华大学</h5> |
|||
<!-- unique 独特的--> |
|||
<span class="tag">通用</span> |
|||
<p class="time">时间：2024.12.05</p> |
|||
</div> |
|||
<button class="useTemBtn">使用格式</button> |
|||
</div> |
|||
</div> |
|||
<div class="item_templete"> |
|||
<img src="./assets_v2/images/clientSet/templete2.png" alt=""> |
|||
<div class="item_right"> |
|||
<div class=""> |
|||
<h5>清华大学</h5> |
|||
<span class="tag unique">马克思主义理论</span> |
|||
<p class="time">时间：2024.12.05</p> |
|||
</div> |
|||
<button class="useTemBtn">使用格式</button> |
|||
</div> |
|||
</div> |
|||
<div class="item_templete"> |
|||
<img src="./assets_v2/images/clientSet/templete2.png" alt=""> |
|||
<div class="item_right"> |
|||
<div class=""> |
|||
<h5>清华大学</h5> |
|||
<span class="tag">通用</span> |
|||
<p class="time">时间：2024.12.05</p> |
|||
</div> |
|||
<button class="useTemBtn">使用格式</button> |
|||
</div> |
|||
</div> |
|||
<div class="item_templete self_bulid_tem"> |
|||
<img src="./assets_v2/images/clientSet/self_bulid.png" alt=""> |
|||
<div class="item_right"> |
|||
<div class=""> |
|||
<h5>无适用模板？</h5> |
|||
<p class="time">可上传模板要求<br/>本次排版服务 <span>免费!</span></p> |
|||
</div> |
|||
<button class="upload_tem_btn">立即上传</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--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/clientSet/rem.js"></script> |
|||
<script type="text/javascript" src="{$smarty.const.CSS_URL}/assets_v2/js/clientSet/common.js"></script> |
|||
<script type="text/javascript" src="{$smarty.const.CSS_URL}/assets_v2/js/clientSet/chooseTemplete.js?v=10"></script> |
|||
{literal} |
|||
<script> |
|||
|
|||
</script> |
|||
{/literal} |
|||
|
|||
</html> |
|||
@ -0,0 +1,280 @@ |
|||
<!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; |
|||
} |
|||
|
|||
/* 页面元素 start*/ |
|||
.common_back{ |
|||
width: 1000px; |
|||
/* height: 296px; */ |
|||
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; |
|||
} |
|||
.sub_title{ |
|||
font-family: Microsoft YaHei; |
|||
font-size: 12px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: 0.08em; |
|||
color: #999999; |
|||
} |
|||
|
|||
.selfBuid_title{ |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
line-height: normal; |
|||
letter-spacing: normal; |
|||
color: #121519; |
|||
} |
|||
.selfBuid_title h3{ |
|||
margin-bottom: 12px; |
|||
} |
|||
.info_content{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
gap: 16px; |
|||
} |
|||
.info_content .formItem{ |
|||
margin-bottom: 0; |
|||
height: 38px; |
|||
} |
|||
.custom-dropdown{ |
|||
width: 100%; |
|||
margin-right: 0; |
|||
} |
|||
.dropdown-input{ |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
.edu_content{ |
|||
color: #626573 !important; |
|||
} |
|||
|
|||
.selfBuid_title p{ |
|||
font-size: 16px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: normal; |
|||
color: #666666; |
|||
margin: 12px 0 26px 0; |
|||
text-align: center; |
|||
} |
|||
.info_title{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
width: auto; |
|||
height: 24px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
line-height: normal; |
|||
letter-spacing: normal; |
|||
color: #333333; |
|||
gap: 8px; |
|||
} |
|||
|
|||
.sp_before{ |
|||
width: 6px; |
|||
height: 16px; |
|||
border-radius: 12px; |
|||
background: #3F62F6; |
|||
} |
|||
|
|||
.border_com{ |
|||
width: 458px; |
|||
height: 38px; |
|||
padding: 10px 12px; |
|||
flex-grow: 1; |
|||
display: flex; |
|||
box-sizing: border-box; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 13px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: 0.08em; |
|||
color: #8A9099; |
|||
border-radius: 2px; |
|||
border: 1px solid #DFE2E6; |
|||
} |
|||
.school_content{ |
|||
background: #F6F6F6; |
|||
} |
|||
.school_name{ |
|||
font-size: 16px; |
|||
letter-spacing: normal; |
|||
color: #121519; |
|||
} |
|||
.border_com::placeholder{ |
|||
color: #BABDC2; |
|||
} |
|||
.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); |
|||
} |
|||
#selfBulid_btn{ |
|||
width: 144px; |
|||
height: 46px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
padding: 14px 2px; |
|||
border-radius: 4px; |
|||
background: #3F62F6; |
|||
box-sizing: border-box; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
letter-spacing: 0.08em; |
|||
color: #FFFFFF; |
|||
border: none; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
|
|||
/* 页面元素 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> |
|||
<div class="common_back"> |
|||
|
|||
</div> |
|||
|
|||
<button id="selfBulid_btn">排版</button> |
|||
<!--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/clientSet/rem.js"></script> |
|||
<script type="text/javascript" src="{$smarty.const.CSS_URL}/assets_v2/js/clientSet/common.js"></script> |
|||
<script type="text/javascript" src="{$smarty.const.CSS_URL}/assets_v2/js/clientSet/chooseTemplete.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> |
|||
Loading…
Reference in new issue