fix some ui position

This commit is contained in:
Sean
2020-07-22 18:02:46 +08:00
parent 4098eedd55
commit f9f6cef653
6 changed files with 30 additions and 11 deletions
+1 -1
View File
File diff suppressed because one or more lines are too long
+11 -1
View File
@@ -1151,11 +1151,18 @@ table tr:nth-child(odd) {
#search_contant_box {
margin: 90px 15% 10% 15%;
padding: 50px 100px 50px 100px;
background-color: rgba(255, 255, 255, 0.77);
background-color:#ffffffd6;
overflow: scroll;
}
#close_search {
position: fixed;
right: 20%;
font-size: 30px;
z-index: 2000;
}
@media screen and (max-width:768px) {
#search_contant_box {
margin:0px;
@@ -1166,6 +1173,9 @@ table tr:nth-child(odd) {
#search_contant_box .el-tabs__header{
margin-left: 55px;
}
#close_search {
right: 15px;
}
}
#product_result img {
+10 -3
View File
@@ -531,7 +531,9 @@ function language(language) {
var test2 = test.replace(/ja/, language);
window.location.href = test2;
change_title(language);
}
}
localStorage.clear();
set_search_keyword();
}
function use_jpg() {
pics = $("img");
@@ -694,7 +696,12 @@ function set_search_keyword() {
var all_link = JSON.parse(data);
for(var key in all_link){
for(i = 0; i<all_link[key].length;i++){
FilePath = all_link[key][i];
var page_url = window.location.href;
if(page_url.indexOf('zh_CN') != -1){
FilePath = all_link[key][i].replace('/en/','/zh_CN/');
}else{
FilePath = all_link[key][i];
}
(function(FilePath){
Docsify.get(FilePath).then(data=>{
window.localStorage.setExpire(FilePath, data,259200000);
@@ -713,7 +720,7 @@ function get_search_keyword(str){
if(window.localStorage.getItem(key).toUpperCase().indexOf(str.toUpperCase()) != -1){
var result = window.localStorage.getItem(key).replace(/<[^<>]+>/g, "");
result = window.localStorage.getItem(key).replace(/([/n/r\\*#]+)/g, "");
var start = result.toUpperCase().indexOf(str.toUpperCase()) -25;
var start = result.toUpperCase().indexOf(str.toUpperCase()) -15;
var end = result.toUpperCase().indexOf(str.toUpperCase()) + 55;
result = result.slice(start,end);
key = key.replace('.md','');
+5 -3
View File
@@ -47,7 +47,8 @@ if(language=="zh_CN"){header.platform={UIFlow:"#/zh_CN/uiflow/uiflow_home_page",
header.case_link="#/zh_CN/case";header.faq_link="#/zh_CN/faq";header.i2c_table="I2C地址表格";header.comparison_table="产品比较说明";header.homepage_title="产品列表";header.product_list_title="产品信息";header.language_list_title="切换语言";header.platform_list_title="编程平台|API";header.faq_title="常见问题";header.case_title="社区案例";header.pdf_notify="正在生成PDF,请稍等。";search_cover.search_note="没有搜索到相关信息,请输入产品关键字,重新进行搜索";search_cover.current_page_title="当前页面";search_cover.related_page_title="相关页面";}
window.search_cover.contant_result=[{name:'',url:'',contant:search_cover.search_note}];$('#product_result')[0].textContent=search_cover.search_note;}
function language(language){var test=window.location.href;if((test.indexOf(/en/)==-1)&&(test.indexOf(/zh_CN/)==-1)&&(test.indexOf(/ja/)==-1)){var test2=test.concat("",language+"/");window.location.href=test2;change_title(language);}
if(test.indexOf(/en/)!=-1){var test2=test.replace(/en/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/zh_CN/)!=-1){var test2=test.replace(/zh_CN/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/ja/)!=-1){var test2=test.replace(/ja/,language);window.location.href=test2;change_title(language);}}
if(test.indexOf(/en/)!=-1){var test2=test.replace(/en/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/zh_CN/)!=-1){var test2=test.replace(/zh_CN/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/ja/)!=-1){var test2=test.replace(/ja/,language);window.location.href=test2;change_title(language);}
localStorage.clear();set_search_keyword();}
function use_jpg(){pics=$("img");var page_url=window.location.href;for(var i=0;i<pics.length;i++){if((page_url.slice(-4)=="/en/")||(page_url.slice(-7)=="/zh_CN/")||(page_url.slice(-3)=="/#/")){if(pics[i].src.indexOf(".webp")!=-1){var path=pics[i].src.substr(0,pics[i].src.indexOf(".webp"));pics[i].src=path+".jpg"}}else{if(pics[i].src.indexOf(".webp")!=-1){if(pics[i].src.indexOf("m5stack.oss")!=-1){var path=pics[i].src.substr(0,pics[i].src.indexOf(".webp"));pics[i].src=path+".jpg"}else{if(pics[i].src.indexOf("assets")!=-1){var path=pics[i].src.substr(pics[i].src.indexOf("assets"),);pics[i].src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/product_jpg/"+path.replace(".webp",".jpg");}else if(pics[i].src.indexOf("image/")!=-1){var path=pics[i].src.substr(pics[i].src.indexOf("image"),);pics[i].src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/product_jpg/"+path.replace(".webp",".jpg");}}}}}}
function page_loading(){var page_url=window.location.href;if((page_url.indexOf(/en/)==-1)&&(page_url.indexOf(/zh_CN/)==-1)&&(page_url.indexOf(/ja/)==-1)){change_title('en');}
if(page_url.indexOf(/en/)!=-1){change_title('en');}
@@ -68,6 +69,7 @@ $(document).on("keypress","form",function(event){return event.keyCode!=13;});Sto
Storage.prototype.getExpire=key=>{let val=localStorage.getItem(key);if(!val){return val;}
if(Date.now()-val.time>val.expire){localStorage.removeItem(key);return null;}
return val;}
function set_search_keyword(){if((window.localStorage.length<100)||(window.localStorage.getExpire("/en/faq.md")==null)){var links=Docsify.get("/sidebar.md").then(data=>{var all_link=JSON.parse(data);for(var key in all_link){for(i=0;i<all_link[key].length;i++){FilePath=all_link[key][i];(function(FilePath){Docsify.get(FilePath).then(data=>{window.localStorage.setExpire(FilePath,data,259200000);})})(FilePath)}}})}}
function get_search_keyword(str){window.search_cover.contant_result=[];for(let key in window.localStorage){try{if(window.localStorage.getItem(key).toUpperCase().indexOf(str.toUpperCase())!=-1){var result=window.localStorage.getItem(key).replace(/<[^<>]+>/g,"");result=window.localStorage.getItem(key).replace(/([/n/r\\*#]+)/g,"");var start=result.toUpperCase().indexOf(str.toUpperCase())-25;var end=result.toUpperCase().indexOf(str.toUpperCase())+55;result=result.slice(start,end);key=key.replace('.md','');var contant_name=key;while(contant_name.indexOf('/')!=-1){contant_name=contant_name.slice(contant_name.indexOf('/')+1);}
function set_search_keyword(){if((window.localStorage.length<100)||(window.localStorage.getExpire("/en/faq.md")==null)){var links=Docsify.get("/sidebar.md").then(data=>{var all_link=JSON.parse(data);for(var key in all_link){for(i=0;i<all_link[key].length;i++){var page_url=window.location.href;if(page_url.indexOf('zh_CN')!=-1){FilePath=all_link[key][i].replace('/en/','/zh_CN/');}else{FilePath=all_link[key][i];}
(function(FilePath){Docsify.get(FilePath).then(data=>{window.localStorage.setExpire(FilePath,data,259200000);})})(FilePath)}}})}}
function get_search_keyword(str){window.search_cover.contant_result=[];for(let key in window.localStorage){try{if(window.localStorage.getItem(key).toUpperCase().indexOf(str.toUpperCase())!=-1){var result=window.localStorage.getItem(key).replace(/<[^<>]+>/g,"");result=window.localStorage.getItem(key).replace(/([/n/r\\*#]+)/g,"");var start=result.toUpperCase().indexOf(str.toUpperCase())-15;var end=result.toUpperCase().indexOf(str.toUpperCase())+55;result=result.slice(start,end);key=key.replace('.md','');var contant_name=key;while(contant_name.indexOf('/')!=-1){contant_name=contant_name.slice(contant_name.indexOf('/')+1);}
kw_start=result.toUpperCase().indexOf(str.toUpperCase());kw_end=result.toUpperCase().indexOf(str.toUpperCase())+str.length;var kw_part1=result.substring(0,kw_start);var kw_part2=result.substring(kw_end,);result=kw_part1+`<mark style="box-shadow: 0px 0px 9px 7px #9ed1f68a;">${str}</mark>`+kw_part2;window.search_cover.contant_result.push({name:contant_name.toUpperCase(),url:'#'+key,contant:'---------->'+result})}}catch(err){}}}
+1 -1
View File
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -29,10 +29,10 @@
</div>
<div id="search_cover" style="display: none;" @click="close_search">
<div id="search_contant_box" @click.stop="">
<div @click="close_search" style="position: fixed; right: 20%; font-size: 30px;z-index: 9999;">
<div id="close_search" @click="close_search">
<i class="el-icon-circle-close" style="color: rgb(15 16 16 / 78%);border-radius: 50%;"></i>
</div>
<el-tabs v-model="activeName" @tab-click="handleClick" style="margin-left: 30px;">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="current_page_title" name="first">
<div id="product_result"></div>
</el-tab-pane>