diff --git a/assets_v2/css/clientSet/common.css b/assets_v2/css/clientSet/common.css index 884b632..9c32682 100644 --- a/assets_v2/css/clientSet/common.css +++ b/assets_v2/css/clientSet/common.css @@ -194,4 +194,47 @@ body { flex-direction: column; justify-content: center; align-items: center; +} + +/* 表单部分*/ + +.formItem { + display: flex; + justify-content: space-between; + margin-bottom: 24px; + color: #1F2225; + align-items: center; + font-family: MicrosoftYaHeiUI; +} + +.formItem .form_label { + width: 80px; + text-align: left; + font-size: var(--font-normal-size); + font-weight: 500; + color: #333333; +} + +.formItem .requiredIcon { + width: 8px; + height: 8px; + margin-top: 13px; + margin-left: 4px; +} + +.formItem .form_content { + flex: 1; + margin-left: 12px; + flex-wrap: wrap; +} + +.form_content input[type='radio'], +.form_content input[type='checkbox'] { + height: 20px; +} + +.radio_box, +.check_Box { + display: flex; + margin-right: 40px; } \ No newline at end of file diff --git a/assets_v2/css/clientSet/guip.css b/assets_v2/css/clientSet/guip.css new file mode 100644 index 0000000..4ee3ea8 --- /dev/null +++ b/assets_v2/css/clientSet/guip.css @@ -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; /* 聚焦时边框颜色 */ +} diff --git a/assets_v2/images/clientSet/back_icon.svg b/assets_v2/images/clientSet/back_icon.svg new file mode 100644 index 0000000..3c2bdb0 --- /dev/null +++ b/assets_v2/images/clientSet/back_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets_v2/images/clientSet/checkedBox.svg b/assets_v2/images/clientSet/checkedBox.svg new file mode 100644 index 0000000..df705d3 --- /dev/null +++ b/assets_v2/images/clientSet/checkedBox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets_v2/images/clientSet/lunwen_upload.png b/assets_v2/images/clientSet/lunwen_upload.png new file mode 100644 index 0000000..22ae353 Binary files /dev/null and b/assets_v2/images/clientSet/lunwen_upload.png differ diff --git a/assets_v2/images/clientSet/no_checkedbox.svg b/assets_v2/images/clientSet/no_checkedbox.svg new file mode 100644 index 0000000..c41627d --- /dev/null +++ b/assets_v2/images/clientSet/no_checkedbox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets_v2/images/clientSet/radio_active.svg b/assets_v2/images/clientSet/radio_active.svg new file mode 100644 index 0000000..2143edd --- /dev/null +++ b/assets_v2/images/clientSet/radio_active.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets_v2/images/clientSet/radio_normal.svg b/assets_v2/images/clientSet/radio_normal.svg new file mode 100644 index 0000000..40b9d56 --- /dev/null +++ b/assets_v2/images/clientSet/radio_normal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets_v2/images/clientSet/require.svg b/assets_v2/images/clientSet/require.svg new file mode 100644 index 0000000..e1b0166 --- /dev/null +++ b/assets_v2/images/clientSet/require.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets_v2/images/clientSet/selectIcon.svg b/assets_v2/images/clientSet/selectIcon.svg new file mode 100644 index 0000000..82b4ca3 --- /dev/null +++ b/assets_v2/images/clientSet/selectIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets_v2/images/clientSet/self_bulid.png b/assets_v2/images/clientSet/self_bulid.png new file mode 100644 index 0000000..9afaf54 Binary files /dev/null and b/assets_v2/images/clientSet/self_bulid.png differ diff --git a/assets_v2/images/clientSet/templete2.png b/assets_v2/images/clientSet/templete2.png new file mode 100644 index 0000000..20b9cf3 Binary files /dev/null and b/assets_v2/images/clientSet/templete2.png differ diff --git a/assets_v2/js/clientSet/chooseTemplete.js b/assets_v2/js/clientSet/chooseTemplete.js new file mode 100644 index 0000000..d875adf --- /dev/null +++ b/assets_v2/js/clientSet/chooseTemplete.js @@ -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 () { + }) +}) \ No newline at end of file diff --git a/chooseTemplete.html b/chooseTemplete.html new file mode 100644 index 0000000..3e08609 --- /dev/null +++ b/chooseTemplete.html @@ -0,0 +1,264 @@ + + + + + + + {if $sitename}{$sitename}{else}一键生成万字{if !$is_filter_lunwen}论文{/if}范文{/if} + + + {if $site_ico} + {/if} + + + + + + + + + + + {literal} + + {/literal} + + + + + + + + +
+
+
+

清华大学

+
+ 返回 +
+
+
+
+ +
+
+
清华大学
+ + 通用 +

时间:2024.12.05

+
+ +
+
+
+ +
+
+
清华大学
+ 马克思主义理论 +

时间:2024.12.05

+
+ +
+
+
+ +
+
+
清华大学
+ 通用 +

时间:2024.12.05

+
+ +
+
+
+ +
+
+
无适用模板?
+

可上传模板要求
本次排版服务 免费!

+
+ +
+
+
+ + + +
+
1
+ + + + + +{literal} + +{/literal} + + \ No newline at end of file diff --git a/home.html b/home.html index 30f5d0d..3a3bd05 100644 --- a/home.html +++ b/home.html @@ -118,7 +118,7 @@ background: #FFFFFF; background: rgba(255, 255, 255, 0.4); border: 1px solid #DFE2E6; - padding: 10px 12px; + padding: 8px 12px; display: flex; align-items: center; transition: all .3s ease; diff --git a/temUpload.html b/temUpload.html new file mode 100644 index 0000000..48ff18c --- /dev/null +++ b/temUpload.html @@ -0,0 +1,280 @@ + + + + + + + {if $sitename}{$sitename}{else}一键生成万字{if !$is_filter_lunwen}论文{/if}范文{/if} + + + + {if $site_ico} + {/if} + + + + + + + + + + + {literal} + + {/literal} + + + + + + + + +
+
+
+

上传论文,进行排版

+
+
+ +
+ + + + + +
+
1
+ + + + + +{literal} + +{/literal} + + \ No newline at end of file