新增 disabled button

.idea/workspace.xml

@@ -12,7 +12,6 @@
   <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$/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>
@@ -53,6 +52,7 @@
     <property name="node.js.selected.package.eslint" value="(autodetect)" />
     <property name="nodejs_interpreter_path" value="node" />
     <property name="nodejs_package_manager_path" value="yarn" />
+    <property name="ts.external.directory.path" value="$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external" />
   </component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
@@ -88,7 +88,8 @@
       <workItem from="1588305721761" duration="31311000" />
       <workItem from="1588351235673" duration="578000" />
       <workItem from="1588418867838" duration="3171000" />
-      <workItem from="1588430156100" duration="2113000" />
+      <workItem from="1588430156100" duration="2707000" />
+      <workItem from="1588441123377" duration="1070000" />
     </task>
     <task id="LOCAL-00001" summary="0.1.0.1">
       <created>1588308749650</created>
@@ -398,7 +399,14 @@
       <option name="project" value="LOCAL" />
       <updated>1588424334244</updated>
     </task>
-    <option name="localTasksCounter" value="45" />
+    <task id="LOCAL-00045" summary="修复选择样式">
+      <created>1588438351027</created>
+      <option name="number" value="00045" />
+      <option name="presentableId" value="LOCAL-00045" />
+      <option name="project" value="LOCAL" />
+      <updated>1588438351027</updated>
+    </task>
+    <option name="localTasksCounter" value="46" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -423,22 +431,23 @@
     <MESSAGE value="修复按钮动画、添加指针样式、添加桌面端滑动区域右边距" />
     <MESSAGE value="新增更多与 footer 静态组件" />
     <MESSAGE value="修复 index.html meta 标签问题" />
-    <option name="LAST_COMMIT_MESSAGE" value="修复 index.html meta 标签问题" />
+    <MESSAGE value="修复选择样式" />
+    <option name="LAST_COMMIT_MESSAGE" value="修复选择样式" />
   </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="1588424337567">
+    <state x="877" y="274" key="Vcs.Push.Dialog.v2" timestamp="1588438354037">
       <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="1588424337567" />
+    <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="1588438354037" />
     <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="100" y="100" width="2360" height="880" key="com.intellij.history.integration.ui.views.FileHistoryDialog" timestamp="1588437798150">
+    <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" />
     </state>
-    <state x="100" y="100" width="2360" height="880" key="com.intellij.history.integration.ui.views.FileHistoryDialog/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588437798150" />
+    <state x="99" y="100" width="2343" height="880" key="com.intellij.history.integration.ui.views.FileHistoryDialog/428.1080.1680.1050/0.0.2560.1080/-1600.180.1600.900@0.0.2560.1080" timestamp="1588438456208" />
     <state x="1004" y="331" key="git4idea.merge.GitPullDialog" timestamp="1588436573499">
       <screen x="0" y="0" width="2560" height="1080" />
     </state>

src/components/Qrcode.css

@@ -274,7 +274,6 @@ table {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     background: white;
     font-family: 'Futura', sans-serif;
-    color: rgba(0,0,0,0.6);
 }
 
 @media (min-width: 500px) {
@@ -283,6 +282,15 @@ table {
     }
 }
 
+.dl-btn:disabled {
+    cursor: not-allowed;
+}
+
+.dl-btn:disabled:hover {
+    border-color: rgba(0,0,0,0.12);
+    color: graytext;
+}
+
 .dl-btn:hover {
     border-color: #44D7B6;
     color: #44D7B6;
@@ -323,3 +331,4 @@ a {
 a:hover {
     text-decoration: underline;
 }
+

src/components/Qrcode.js

@@ -137,7 +137,7 @@ class Qrcode extends React.Component {
                     </div>
                     <div className="Qr-Centered">
                         <div className="div-btn">
-                            <button className="dl-btn">提交样式</button>
+                            <button disabled className="dl-btn">提交样式</button>
                         </div>
                     </div>
                 </div>