新增 disabled button

latentcat · May 2, 2020 · becc2eb · becc2eb
1 parent 974b5cf
commit becc2eb
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 10 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/src/components/Qrcode.css b/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;
 }
+
diff --git a/src/components/Qrcode.js b/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>