<!--Header of card-->
<div id = "head" class="bar head">Freq : {{词频}} --- {{音标}} --- {{Tags}} </div>
{{#词汇}}
<div id="word" class="section yellow">
<a href="eudic://x-callback-url/searchword?word={{词汇}}&x-success=anki://">
<div class="items" id="underline">{{词汇}}</div>
</a>
</div>
{{/词汇}}
{{#Sentence句子}}
<div class="section yellow">
<a href="eudic://x-callback-url/searchword?word={{Expression表达}}&x-success=anki://">
<div class="items">{{Sentence句子}}</div>
</a>
</div>
{{/Sentence句子}}
{{#混淆正}}
<div id="dot" class="section">
<div class="items">{{混淆正}}</div>
</div>
{{/混淆正}}
{{#image}}
<div class="section">
<div class="items">{{image}}</div>
</div>
{{/image}}
<script>
makeCloze();
function makeCloze(){
//定义需要镂空的HTML元素
// cloze和hint中的粗体字隐藏
var clozeTags=["#dot b"];
for (var j = 0; j < clozeTags.length; j++){
var obj = document.querySelectorAll(clozeTags[j]);
for (var i = 0; i < obj.length; i++){
obj[i].innerHTML = obj[i].innerHTML.replace(/./g,"•");
obj[i].style.textDecoration = "none";
obj[i].style.letterSpacing = "2px";
}
}
}
</script>
a:link {
text-decoration: none;
color: yellow;
}
#word{
font-size:35px;
}
#head{
color: #bfbfbf;
font-size:20px;
}
.tag {
color: #6e6e6e;
margin-left: 12px;
font-size: 14px;
text-decoration: none;
}
.hint {
color: #6e6e6e;
font-size:17px;
text-decoration: none;
}
.card {
margin: 12px;
text-align: left;
}
.section {
font-size: 23px;
background-color: #1d2a33;
color: #bfbfbf;
border: 0px solid;
border-left-width: 8px;
border-radius: 4px;
border-left-color: #3a3d3f;
margin: 6px 0;
}
.items {
margin: 0 10px;
padding: 6px 0;
}
.cloze {
font-weight: bold;
color: yellow;
}
.header {
background-color: #272828;
margin-left: 12px;
border-radius: 2px;
color: #6e6e6e;
font-size: 12px;
text-decoration: none;
}
#ipa {
font-size: 14px;
font-weight: bold;
}
.blue {
border-left-color: rgba(22, 131, 234, 0.8);
}
.green {
border-left-color: rgba(124, 179, 66, 0.8);
}
.yellow {
border-left-color: #fb0;
}
.grey {
border-left-color: #737373
}
u{
color:yellow;
text-decoration:none;
}
b{
color:yellow;
font-weight:bold;
text-decoration:none;
}
}
{{发音}}{{发音}}{{发音}}
{{FrontSide}}
{{#混淆反}}
<div class="section">
<div class="items">{{混淆反}}</div>
</div>
{{/混淆反}}
{{#单词释义解释比例}}
<div class="section">
<div class="items">{{单词释义解释比例}}</div>
</div>
{{/单词释义解释比例}}
{{#词根}}
<div class="section">
<div class="items">{{词根}}</div>
</div>
{{/词根}}
{{#简明英汉}}
<div class="section">
<div class="items">{{hint:简明英汉}}</div>
</div>
{{/简明英汉}}
{{#补充信息}}
<div class="section">
<div class="items">{{hint:补充信息}}</div>
</div>
{{/补充信息}}