Cloned2Preserve
/
qrbtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
.idea/workspace.xml
View File

@ -12,7 +12,8 @@
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="78c692f3-8e9f-49c7-86c1-0c5e9d711b1f" name="Default Changelist" comment="静态参数调节组件初步完成"> <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$/.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" /> <change beforePath="$PROJECT_DIR$/src/components/Qrcode.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.js" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
@ -413,7 +414,14 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1588476169668</updated> <updated>1588476169668</updated>
</task> </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 /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -440,17 +448,18 @@
<MESSAGE value="修复 index.html meta 标签问题" /> <MESSAGE value="修复 index.html meta 标签问题" />
<MESSAGE value="修复选择样式" /> <MESSAGE value="修复选择样式" />
<MESSAGE value="取消移动端 Qr-item 点击高亮" /> <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>
<component name="WindowStateProjectService"> <component name="WindowStateProjectService">
<state x="1161" y="421" key="#Notifications" timestamp="1588307553058"> <state x="1161" y="421" key="#Notifications" timestamp="1588307553058">
<screen x="0" y="23" width="2541" height="1057" /> <screen x="0" y="23" width="2541" height="1057" />
</state> </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="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" /> <screen x="0" y="0" width="2560" height="1080" />
</state> </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="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"> <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" /> <screen x="0" y="0" width="2560" height="1080" />

2
src/components/QrItem.js
View File

@ -9,7 +9,7 @@ function calViewBox(props) {
} }
function calClassName(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'; return 'Qr-item';
} }

13
src/components/Qrcode.css
View File

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

10
src/components/Qrcode.js
View File

@ -70,7 +70,7 @@ class Qrcode extends React.Component {
value={this.state.text} value={this.state.text}
onChange={this.handleChange} onChange={this.handleChange}
onBlur={this.handleCreate} onBlur={this.handleCreate}
onKeyPress={(e) => {if(e.key == 'Enter') this.handleCreate(e)}} onKeyPress={(e) => {if(e.key === 'Enter') this.handleCreate(e)}}
/> />
</div> </div>
<div className="Qr-titled"> <div className="Qr-titled">
@ -87,7 +87,7 @@ class Qrcode extends React.Component {
key={style.value} key={style.value}
qrcode={this.state.qrcode} qrcode={this.state.qrcode}
renderer={style.renderer} renderer={style.renderer}
selected={style.value == this.state.selected} selected={style.value === this.state.selected}
onSelected={this.handleSelected} onSelected={this.handleSelected}
/> />
}) })
@ -146,9 +146,9 @@ class Qrcode extends React.Component {
</div> </div>
<div className="Qr-titled"> <div className="Qr-titled">
<div className="Qr-Centered Qr-footer"> <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><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>Copyright © {currentYear} QRBTF. All rights reserved.</div> <div className="Gray">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 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> </div>
</div> </div>