footer 字体调整

This commit is contained in:
ciaochaos 2020-05-03 12:42:03 +08:00
parent 9e72531d50
commit 900c6746d6
4 changed files with 32 additions and 12 deletions

View File

@ -12,7 +12,8 @@
<component name="ChangeListManager">
<list default="true" id="78c692f3-8e9f-49c7-86c1-0c5e9d711b1f" name="Default Changelist" comment="静态参数调节组件初步完成">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/public/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/public/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/QrItem.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/QrItem.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/Qrcode.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/Qrcode.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.js" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
@ -413,7 +414,14 @@
<option name="project" value="LOCAL" />
<updated>1588476169668</updated>
</task>
<option name="localTasksCounter" value="47" />
<task id="LOCAL-00047" summary="footer Copyright标题更名">
<created>1588478457716</created>
<option name="number" value="00047" />
<option name="presentableId" value="LOCAL-00047" />
<option name="project" value="LOCAL" />
<updated>1588478457716</updated>
</task>
<option name="localTasksCounter" value="48" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
@ -440,17 +448,18 @@
<MESSAGE value="修复 index.html meta 标签问题" />
<MESSAGE value="修复选择样式" />
<MESSAGE value="取消移动端 Qr-item 点击高亮" />
<option name="LAST_COMMIT_MESSAGE" value="取消移动端 Qr-item 点击高亮" />
<MESSAGE value="footer Copyright标题更名" />
<option name="LAST_COMMIT_MESSAGE" value="footer Copyright标题更名" />
</component>
<component name="WindowStateProjectService">
<state x="1161" y="421" key="#Notifications" timestamp="1588307553058">
<screen x="0" y="23" width="2541" height="1057" />
</state>
<state x="1161" y="421" key="#Notifications/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588307553058" />
<state x="877" y="274" key="Vcs.Push.Dialog.v2" timestamp="1588476173798">
<state x="877" y="274" key="Vcs.Push.Dialog.v2" timestamp="1588478463660">
<screen x="0" y="0" width="2560" height="1080" />
</state>
<state x="877" y="274" key="Vcs.Push.Dialog.v2/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588476173798" />
<state x="877" y="274" key="Vcs.Push.Dialog.v2/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588478463660" />
<state x="870" y="291" key="Vcs.Push.Dialog.v2/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588351718130" />
<state x="99" y="100" width="2343" height="880" key="com.intellij.history.integration.ui.views.FileHistoryDialog" timestamp="1588438456208">
<screen x="0" y="0" width="2560" height="1080" />

View File

@ -9,7 +9,7 @@ function calViewBox(props) {
}
function calClassName(props) {
if (props.selected == true) return 'Qr-item Qr-item-selected';
if (props.selected === true) return 'Qr-item Qr-item-selected';
return 'Qr-item';
}

View File

@ -318,10 +318,21 @@ table {
}
.Qr-footer {
font-size: 14px;
color: #1D1D1F;
font-size: 12px;
margin-bottom: -4px;
}
@media (min-width: 500px) {
.Qr-footer {
font-size: 14px;
}
}
.Gray {
color: #86868B;
}
.Qr-footer div {
margin-bottom: 4px;
}

View File

@ -70,7 +70,7 @@ class Qrcode extends React.Component {
value={this.state.text}
onChange={this.handleChange}
onBlur={this.handleCreate}
onKeyPress={(e) => {if(e.key == 'Enter') this.handleCreate(e)}}
onKeyPress={(e) => {if(e.key === 'Enter') this.handleCreate(e)}}
/>
</div>
<div className="Qr-titled">
@ -87,7 +87,7 @@ class Qrcode extends React.Component {
key={style.value}
qrcode={this.state.qrcode}
renderer={style.renderer}
selected={style.value == this.state.selected}
selected={style.value === this.state.selected}
onSelected={this.handleSelected}
/>
})
@ -146,9 +146,9 @@ class Qrcode extends React.Component {
</div>
<div className="Qr-titled">
<div className="Qr-Centered Qr-footer">
<div><strong>作者</strong>&emsp;<a href="https://blog.ciaochaos.com/" rel="noopener" target="_blank" data-pjax-state="">ciaochaos</a>&emsp;<a href="https://github.com/CPunisher/" rel="noopener" target="_blank" data-pjax-state="">CPunisher</a></div>
<div>Copyright © {currentYear} QRBTF. All rights reserved.</div>
<div><a href="http://www.beian.miit.gov.cn/" rel="noopener" target="_blank" data-pjax-state=""> ICP 19005869 </a></div>
<div><strong>作者</strong>&emsp;<a href="https://blog.ciaochaos.com/" rel="noopener noreferrer" target="_blank" data-pjax-state="">ciaochaos</a>&emsp;<a href="https://github.com/CPunisher/" rel="noopener noreferrer" target="_blank" data-pjax-state="">CPunisher</a></div>
<div className="Gray">Copyright © {currentYear} QRBTF. All rights reserved.</div>
<div className="Gray"><a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank" data-pjax-state=""> ICP 19005869 </a></div>
</div>
</div>
</div>