From 7a783f866dfec9bec3f0249f1cf99a15b1f4a597 Mon Sep 17 00:00:00 2001 From: zq <136432190602163.com> Date: Fri, 3 Jan 2025 18:35:37 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=8F=8A=E6=96=B0=E7=89=88?= =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/css/index.css | 121 +++++++++++++++++++++++++++++++++++++++-- style/img/add_lookppt_icon.svg | 1 + style/img/step_active2.svg | 1 + style/js/index.js | 109 +++++++++++++++++++------------------ 4 files changed, 175 insertions(+), 57 deletions(-) create mode 100644 style/img/add_lookppt_icon.svg create mode 100644 style/img/step_active2.svg diff --git a/style/css/index.css b/style/css/index.css index aa52d05..719c90e 100644 --- a/style/css/index.css +++ b/style/css/index.css @@ -8,6 +8,17 @@ body,p,div{ /* right: calc((100% - 1680px) / 2); */ } } + +#loading-animation { + width: 50px; + height: 50px; + background-color: #333; + border-radius: 50%; + position: relative; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } .point{ cursor: pointer; } @@ -831,6 +842,9 @@ header .right .activebtn{ .normal_step3.step_three dt{ background: url(../img/step_2.svg); } +.normal_step3.step_three.active_step dt{ + background: url(../img/step_active2.svg); +} .step_line{ flex: 1; @@ -1064,6 +1078,67 @@ li .select_icon, .pay_every .pay_icon{ #advise-area{ width: calc(100% - 28px); } + +.custom-dropdown { + position: relative; + display: inline-block; + margin-right: 22px; + } + +.dropdown-input { + font-size: 14px; + height: 46px; + font-family: Microsoft YaHei UI; + width: 176px; + border-radius: 6px; + height: 44px; + color: #3D3D3D; + cursor: pointer; + padding: 0 0 0 10px; + background: #FFFFFF; + border: 1px solid #E8E8E8; +} +.dropdown-input:hover, .textAreaForWordCount:hover,.coreWordCount:hover{ + transition: all .3s; + border: 1px solid #5B6FF6 !important; +} +.dropdown-input:focus-visible,.textAreaForWordCount:focus-visible,.coreWordCount:focus-visible{ + transition: all .3s; + border: 1px solid #5B6FF6 !important; + outline: none; +} +.empty-err{ + border: 1px solid #FF4D4F; +} + .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: 170px; + 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; + } + + .opt-area{ display: none; position: absolute; @@ -1085,7 +1160,7 @@ li .select_icon, .pay_every .pay_icon{ justify-content: center; width: 100%; height: 84px; - background: linear-gradient( 180deg, #F1FBFF 0%, #ECF3FF 100%); + background: linear-gradient(180deg, #EDF1FE 0%, #FCFDFF 119%); border-radius: 8px; font-weight: 400; font-size: 12px; @@ -1117,7 +1192,8 @@ li .select_icon, .pay_every .pay_icon{ /* margin-top: -22px; */ } .opt-block .step-icon-active+.step-text{ - color: #1675FF; + /* color: #1675FF; */ + color: #5B6FF6; } .loading-area img{ margin: 0 8px; @@ -1233,6 +1309,7 @@ li .select_icon, .pay_every .pay_icon{ font-variation-settings: "opsz" auto; color: #282828; line-height: 20px; + font-weight: bold; /* margin-bottom: 14px; */ } .posHead img{ @@ -1697,11 +1774,11 @@ li .select_icon, .pay_every .pay_icon{ right: 10px; /* 根据需要调整距离右侧的位置 */ font-size: 12px; /* 根据需要调整字体大小 */ } -.custom-select { +/* .custom-select { position: relative; display: inline-block; margin-right: 22px; - } + } */ #project_select { -webkit-appearance: none; @@ -1745,10 +1822,14 @@ border: 1px solid #E8E8E8; select:focus { border-color: #4A90E2; /* 聚焦时边框颜色 */ } + .coreContent .formLeft{ + padding-top: 7px; + } #side_textarea, #coreTextarea{ flex: 1; /* width: 100%; */ padding: 14px 12px; + font-size: 14px; /* width: 664px; */ height: 65px; border-radius: 6px; @@ -1916,9 +1997,11 @@ footer a{ flex: 1; border: none; } +.report_content .search_report .report_input+span{ + color: #CBD5E2; +} .report_content .search_report .report_input::placeholder{ color: #8C919D; - } .report_content .search_report .report_input:focus-visible{ outline: none; @@ -2590,6 +2673,33 @@ span.normalPrice{ background: #FFFFFF; box-sizing: border-box; border: 1px solid #FFE3DC; + position: relative; +} + +.addListBox .add_item .img{ + display: none; + opacity: 0; + position: absolute; + left: 0; + top: -290px; + border-radius: 12px; + z-index: 100; + background: #F2F3FE; + box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); +} +.addListBox .add_item_right:hover .img{ + display: block !important; + opacity: 1; +} +.addListBox .add_item img{ +} +.addListBox .add_item .img .preview{ + height: 306px; +} +.addListBox .add_item .img .preview_icon{ + position: absolute; + left: 185px; + bottom: -15px; } .addListBox .pos_top{ padding: 3px 13px; @@ -2616,6 +2726,7 @@ span.normalPrice{ font-size: 12px; line-height: 20px; margin-top: 30px; + cursor: pointer; } .addListBox .title{ font-size: 16px; diff --git a/style/img/add_lookppt_icon.svg b/style/img/add_lookppt_icon.svg new file mode 100644 index 0000000..7d36453 --- /dev/null +++ b/style/img/add_lookppt_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/img/step_active2.svg b/style/img/step_active2.svg new file mode 100644 index 0000000..93cd799 --- /dev/null +++ b/style/img/step_active2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style/js/index.js b/style/js/index.js index 65a03f5..b53b9b0 100644 --- a/style/js/index.js +++ b/style/js/index.js @@ -182,20 +182,18 @@ $(document).ready(function() { // // 请求失败时的回调函数 // console.log(error); // }); - // $.ajax(service_domain +'/ajax_get_value_added_services', - // function(response) { - // // 请求成功时的回调函数 - // console.log(response); - // }).fail(function(xhr, status, error) { - // // 请求失败时的回调函数 - // console.log(error); - // }); + // 首页增值服务相关 var add_item_valueText = { '62':'选题正文一步到位', '63':'导师看了都说好', '96':'可自定义风格,答辩最靓的仔', } + var add_item_valueUrl = { + '62':'./style/img/kaiti_preview.png', + '63':'./style/img/renwushu_preview.png', + '96':'', + } getadd_Value('94') function getadd_Value(type){ $.ajax({ @@ -205,13 +203,14 @@ $(document).ready(function() { data: { type }, + success:function(res){ if(res.status){ let addListBoxHtml = '' value_added_servicesList = Object.values(res.data.value_added_services); value_added_servicesList.forEach(item=>{ if(item.type != '96'){ - addListBoxHtml+= `
`+item.name +`
@@ -220,10 +219,15 @@ $(document).ready(function() {`+item.name +`
@@ -237,7 +241,7 @@ $(document).ready(function() {当前模板
清新绿意通用模板
-
+