瀏覽代碼

settings working

BlackJack 6 年之前
父節點
當前提交
f2a3e6cd7d
共有 2 個檔案被更改,包括 19 行新增5 行删除
  1. 1
    1
      src/pages/home/home.html
  2. 18
    4
      src/pages/settings/settings.html

+ 1
- 1
src/pages/home/home.html 查看文件

@@ -13,7 +13,7 @@
13 13
   <h3 style="color:#0FF53D;" align = "center">Clem's Challenge </h3>
14 14
     
15 15
   <div class="spacer" style="width: 100x; height: 100px;"></div>
16
-          <ion-content padding="true" class="has-header">
16
+    <ion-content padding="true" style="background: url(img/LZj81NkRXOODyKbaN6Sv_Lion_King_zpsa1233220.png) no-repeat center;background-size:cover;" class="has-header">
17 17
             <button round ion-button color="dark" id="clemSChallenge-button14" style="color:#0FF53D;" class="button button-dark button-block" clear>Start New Game</button>
18 18
             <button round ion-button color="dark" id="clemSChallenge-button16" style="color:#0FF53D;" class="button button-dark button-block" clear>Resume Game</button>
19 19
             <button round ion-button color="dark" id="clemSChallenge-button17" style="color:#0FF53D;" class="button button-dark button-block" clear>Credits</button>

+ 18
- 4
src/pages/settings/settings.html 查看文件

@@ -5,14 +5,28 @@
5 5
   Ionic pages and navigation.
6 6
 -->
7 7
 <ion-header>
8
-
9 8
   <ion-navbar>
9
+    <button ion-button menuToggle>
10
+      <ion-icon name="menu"></ion-icon>
11
+    </button>
10 12
     <ion-title>Settings</ion-title>
11 13
   </ion-navbar>
12
-
13 14
 </ion-header>
14 15
 
15
-
16 16
 <ion-content padding>
17
+  <ion-content padding="true" style="background: url(img/e2aAyOqjQ6qXRiwe3sxH_Lion_King_zpsa1233220.png) no-repeat center;background-size:cover;" class="has-header">
18
+    <form id="settings-form8" class="list">
19
+      <div class="spacer" style="width: 300px; height: 147px;"></div>
20
+      <ion-item class="range range-positive" id="settings-range3">Audio
21
+        <input type="range" value="50" min="0" max="100" step="1">
22
+      </ion-item>
23
+      <div class="spacer" style="width: 300px; height: 15px;"></div>
24
+      <ion-item class="range range-positive" id="settings-range4">Brightness
25
+        <input type="range" value="50" min="0" max="100" step="1">
26
+      </ion-item>
27
+    </form>
28
+    <div class="spacer" style="width: 300px; height: 155px;"></div>
17 29
 
18
-</ion-content>
30
+    <button round ion-button color="dark" id="settings-button31" class="button button-dark button-block" >Logout</button>
31
+  </ion-content>
32
+</ion-content>