bitdance-team/chrome-extension
1
0
Fork 0
mirror of https://gitee.com/bitdance-team/chrome-extension synced 2025-01-26 21:20:26 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

Merge branch 'transCSS' into develop

Browse Source
This commit is contained in:
程序员小墨 2022-02-09 20:53:17 +08:00
commit cd112cf6b5
2 changed files with 97 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
packages/shell-chrome/assets/css/tran.css
View File

@ -1,15 +1,75 @@
#inputLang{ *{
width: 250px; margin: 0;
height: 150px; padding: 0;
} }
#outPutRes{ #trans{
width: 250px; width: 280px;
height: 150px; height: 490px;
background-color: rgb(243, 243, 243); float: left;
margin-left: 10px;
background-color: rgb(251, 252, 250);
}
#trans_header{
width: 300px;
height: 40px;
background-color:#06abf8;
margin-left: -11px;
border:2px solid #06abf8;
border-radius:25px 25px 0px 0px;
text-align: center;
line-height: 40px;
font-size: 20px;
color: azure;
font-weight:bold
}
#deleteTrans{
width: 25px;
height: 25px;
background-color: azure;
font-size: 15px;
color: rgb(161, 165, 165);
border:2px solid #06abf8;
border-radius:25px;
float: right;
margin-top: 8px;
margin-right: 10px;
}
.LangSelectCss{
width: 120px;
height: 30px;
text-align: center;
line-height: 40px;
border:none
}
.LangSelectCssOption{
border: none;
}
#inputLang{
margin-top:3px;
width: 275px;
height: 170px;
margin-bottom: 10px;
}
#middleTans{
font-size: 15px;
margin-bottom: 5px;
} }
#LangType{ #LangType{
display: inline-block display: inline-block;
line-height: 30px;
} }
#tranbtn{ #tranbtn{
display: inline-block width: 70px;
height: 30px;
display: inline-block;
float: right;
margin-right:15px;
background-color: #06abf8;
font-size: 18px;
border:2px solid #06abf8;
border-radius:10px;
color: azure;
}
#outPutRes{
} }

32
packages/shell-chrome/assets/js/translate/tran.js
View File

@ -5,31 +5,41 @@ if (typeof (BitTarnsDiv) !== "undefined") {
var BitTarnsDiv = document.createElement("div") var BitTarnsDiv = document.createElement("div")
BitTarnsDiv.id = "BitTarnsDivId" BitTarnsDiv.id = "BitTarnsDivId"
document.body.appendChild(BitTarnsDiv) document.body.appendChild(BitTarnsDiv)
BitTarnsDiv.style.backgroundColor = "red" BitTarnsDiv.style.backgroundColor = "RGB(238,237,237)"
BitTarnsDiv.style.height = "450px" BitTarnsDiv.style.height = "500px"
BitTarnsDiv.style.width = "300px" BitTarnsDiv.style.width = "300px"
BitTarnsDiv.style.zIndex = 99999 BitTarnsDiv.style.zIndex = 99999
BitTarnsDiv.style.position = "fixed" BitTarnsDiv.style.position = "fixed"
BitTarnsDiv.style.right = '10px' BitTarnsDiv.style.right = '10px'
BitTarnsDiv.style.top = '50px' BitTarnsDiv.style.top = '50px'
BitTarnsDiv.style.float = 'right' BitTarnsDiv.style.float = 'right'
BitTarnsDiv.style.border = '2px solid RGB(238,237,237)'
BitTarnsDiv.style.borderRadius = '25px'
BitTarnsDiv.innerHTML = ` BitTarnsDiv.innerHTML = `
<div id='trans'> <div id='trans'>
<select id="inputLangSelect"> <div id="trans_header">
<option value="auto">自动检测语言</option> 学生助手--翻译小帮手
<option value="zh">简体中文</option> <button id="deleteTrans">X</button>
<option value="en">English</option> </div>
<select id="inputLangSelect" class="LangSelectCss">
<option class="LangSelectCssOption" value="auto">自动检测语言</option>
<option class="LangSelectCssOption" value="zh">简体中文</option>
<option class="LangSelectCssOption" value="en">English</option>
</select> </select>
<select id="outLangSelect"> =>
<option value="zh">简体中文</option> <select id="outLangSelect" class="LangSelectCss">
<option value="en">English</option> <option class="LangSelectCssOption" value="zh">简体中文</option>
<option class="LangSelectCssOption" value="en">English</option>
</select> </select>
<button id="deleteTrans">关闭</button>
<input type="text" id="inputLang" value="" placeholder="请输入翻译内容"> <input type="text" id="inputLang" value="" placeholder="请输入翻译内容">
<br> <br>
自动检测语言：<p id="LangType"></p><button id="tranbtn">翻译</button> <div id="middleTans">
自动检测语言：<p id="LangType">English</p><button id="tranbtn">翻译</button>
</div>
<hr> <hr>
<p id="outPutRes"></p> <p id="outPutRes"></p>
</div> </div>