diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 3bbc156..e77c186 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -33,9 +33,6 @@
-
\ No newline at end of file
diff --git a/app/src/main/assets/demo/index.html b/app/src/main/assets/demo/index.html
index 3012d6b..f8adf03 100644
--- a/app/src/main/assets/demo/index.html
+++ b/app/src/main/assets/demo/index.html
@@ -1,12 +1,141 @@
-
-
hello world
-
-
-
-
\ No newline at end of file
+ .context {
+ display: flex;
+ height: 100%;
+ width: 100%;
+ flex-direction: column;
+ }
+
+ .main {
+ flex: 1;
+ overflow: auto;
+ flex-direction: column;
+ display: flex;
+ width: 100%;
+ }
+
+ .net {
+ margin: 10px;
+ background: #fff;
+ border-radius: 4px;
+ padding: 10px;
+ }
+
+ .net-list {
+ padding: 10px;
+ display: flex;
+ align-items: center;
+ }
+
+ .net-list label {
+ width: 110px;
+ text-align: left;
+ }
+
+ .net-list input {
+ border: 0;
+ flex: 1;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ min-width: 0;
+ margin: 0;
+ padding: 0;
+ color: #323233;
+ line-height: inherit;
+ text-align: left;
+ background-color: transparent;
+ resize: none;
+ font-size: 14px;
+ }
+
+ .net-list input:focus {
+ outline: -webkit-focus-ring-color auto 0px;
+ }
+
+ .operation {
+ display: flex;
+ flex-direction: column;
+ margin: 10px;
+ padding: 10px;
+ }
+
+ .operation button {
+ margin: 10px;
+ border-radius: 5000px;
+ height: 40px;
+ border: 0;
+ color: #fff;
+ }
+
+ .operation button:focus {
+ outline: -webkit-focus-ring-color auto 0px;
+ }
+
+
+
+
+
+
+
+
+
+
+
+