Home Esplora Aiuto
Registrati Accedi
Rorschach
/
efunbox-xxt-byuy-web
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

'1'

Rorschach 4 anni fa
parent
6fcc976ca6
commit
fbecaea333
4 ha cambiato i file con 37 aggiunte e 12 eliminazioni
Visualizzazione unificata Mostra Diff Stats
  1. 1 0
      src/about.html
  2. 9 2
      src/about.less
  3. 1 0
      src/index.html
  4. 26 10
      src/index.less

+ 1 - 0
src/about.html
Vedi File 

@@ -5,6 +5,7 @@
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
 
     <title>义方小学堂</title>
 
     <title>义方小学堂</title>
 
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
 
 </head>
 
 </head>
 
 
 
 <body>
 
 <body>

+ 9 - 2
src/about.less
Vedi File 

@@ -4,6 +4,11 @@ body {
 
     border: none;
 
     border: none;
 
     padding: 0;
 
     padding: 0;
 
     height: 100%;
 
     height: 100%;
 
+    font-family: "Noto Sans SC";
 
+}
 
+div,
 
+span{
 
+    font-family: "Noto Sans SC";
 
 }
 
 }
 
 
 
 .about_pic {
 
 .about_pic {
 
@@ -13,12 +18,12 @@ body {
 
 
 
 .buy_btn {
 
 .buy_btn {
 
     width: 6.7rem;
 
     width: 6.7rem;
 
-    height: 1rem;
 
+    height: 1.5rem;
 
     position: fixed;
 
     position: fixed;
 
     left: 0;
 
     left: 0;
 
     right: 0;
 
     right: 0;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
-    bottom: .5rem;
 
+    bottom: 0;
 
     border-radius: 1rem;
 
     border-radius: 1rem;
 
     overflow: hidden;
 
     overflow: hidden;
 
     display: flex;
 
     display: flex;
 
@@ -33,6 +38,7 @@ body {
 
         align-items: center;
 
         align-items: center;
 
         font-size: .3rem;
 
         font-size: .3rem;
 
         color: #995916;
 
         color: #995916;
 
+        font-weight: 500;
 
 
 
         .top {
 
         .top {
 
             margin-bottom: .1rem;
 
             margin-bottom: .1rem;
 
@@ -49,6 +55,7 @@ body {
 
         color: #fff;
 
         color: #fff;
 
         font-size: .4rem;
 
         font-size: .4rem;
 
         text-align: center;
 
         text-align: center;
 
+        font-weight: 500;
 
     }
 
     }
 
 
 
     .none {
 
     .none {

+ 1 - 0
src/index.html
Vedi File 

@@ -5,6 +5,7 @@
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
 
     <title>义方小学堂</title>
 
     <title>义方小学堂</title>
 
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
 
 </head>
 
 </head>
 
 
 
 <body>
 
 <body>

+ 26 - 10
src/index.less
Vedi File 

@@ -4,6 +4,11 @@ body {
 
     border: none;
 
     border: none;
 
     padding: 0;
 
     padding: 0;
 
     height: 100%;
 
     height: 100%;
 
+    font-family: "Noto Sans SC";
 
+}
 
+div,
 
+span{
 
+    font-family: "Noto Sans SC";
 
 }
 
 }
 
 .about_pic {
 
 .about_pic {
 
     display: block;
 
     display: block;
 
@@ -11,16 +16,19 @@ body {
 
 }
 
 }
 
 
 
 .buy_btn {
 
 .buy_btn {
 
-    width: 6.7rem;
 
-    height: 1rem;
 
+    width: 100%;
 
+    height: 1.4rem;
 
     position: fixed;
 
     position: fixed;
 
     left: 0;
 
     left: 0;
 
     right: 0;
 
     right: 0;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
-    bottom: .5rem;
 
-    border-radius: 1rem;
 
+    bottom: 0;
 
     overflow: hidden;
 
     overflow: hidden;
 
     display: flex;
 
     display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    background: #fff;
 
+
 
 
 
     .left {
 
     .left {
 
         width: 3.35rem;
 
         width: 3.35rem;
 
@@ -32,10 +40,10 @@ body {
 
         align-items: center;
 
         align-items: center;
 
         font-size: .3rem;
 
         font-size: .3rem;
 
         color: #995916;
 
         color: #995916;
 
+        font-weight: 700;
 
+        border-radius: 1rem 0 0 1rem;
 
 
 
-        .top {
 
-            margin-bottom: .1rem;
 
-        }
 
+       
     }
 
     }
 
 
 
 
 
@@ -48,6 +56,8 @@ body {
 
         color: #fff;
 
         color: #fff;
 
         font-size: .4rem;
 
         font-size: .4rem;
 
         text-align: center;
 
         text-align: center;
 
+        font-weight: 500;
 
+        border-radius: 0 1rem 1rem 0;
 
     }
 
     }
 
 
 
     .none {
 
     .none {
 
@@ -58,7 +68,7 @@ body {
 
 .container {
 
 .container {
 
     width: 100%;
 
     width: 100%;
 
     height: 100%;
 
     height: 100%;
 
-    background: #eee;
 
+    background: #eef2f5;
 
     padding-top: 1rem;
 
     padding-top: 1rem;
 
 
 
     .input_box {
 
     .input_box {
 
@@ -83,6 +93,7 @@ body {
 
             flex-direction: row;
 
             flex-direction: row;
 
             align-items: center;
 
             align-items: center;
 
             margin-bottom: .16rem;
 
             margin-bottom: .16rem;
 
+            border-radius: .1rem;
 
 
 
             input {
 
             input {
 
                 width: 100%;
 
                 width: 100%;
 
@@ -111,6 +122,8 @@ body {
 
             width: 3.98rem;
 
             width: 3.98rem;
 
             height: 0.82rem;
 
             height: 0.82rem;
 
             background: #fff;
 
             background: #fff;
 
+            border-radius: .1rem;
 
+
 
 
 
             input {
 
             input {
 
                 width: 100%;
 
                 width: 100%;
 
@@ -153,7 +166,7 @@ body {
 
     .info_box {
 
     .info_box {
 
         width: 6.8rem;
 
         width: 6.8rem;
 
         height: 2.2rem;
 
         height: 2.2rem;
 
-        border-radius: .1rem;
 
+        border-radius: .1rem .1rem 0 0;
 
         margin: 0 auto;
 
         margin: 0 auto;
 
         background: #fff;
 
         background: #fff;
 
         padding: .3rem;
 
         padding: .3rem;
 
@@ -162,7 +175,7 @@ body {
 
         .head {
 
         .head {
 
             font-size: .3rem;
 
             font-size: .3rem;
 
             color: #1a1a1a;
 
             color: #1a1a1a;
 
-            font-weight: 500;
 
+            font-weight: 400;
 
             margin-bottom: .3rem;
 
             margin-bottom: .3rem;
 
         }
 
         }
 
 
 
@@ -194,6 +207,8 @@ body {
 
         display: flex;
 
         display: flex;
 
         flex-direction: row-reverse;
 
         flex-direction: row-reverse;
 
         align-items: center;
 
         align-items: center;
 
+        border-radius: 0 0 .1rem .1rem ;
 
+
 
 
 
         span {
 
         span {
 
             font-size: .3rem;
 
             font-size: .3rem;
 
@@ -204,6 +219,7 @@ body {
 
 
 
     #buy_btn {
 
     #buy_btn {
 
         font-size: .3rem;
 
         font-size: .3rem;
 
+        font-weight: 700;
 
         color: #fff;
 
         color: #fff;
 
         background: #f65d5d;
 
         background: #f65d5d;
 
         text-align: center;
 
         text-align: center;