start writing page

2018-10-18 17:35:01 +08:00
parent 9f71819b06
commit 5199d4e44e
6 changed files with 149 additions and 48 deletions
--- a/index.html
+++ b/index.html
@@ -9,16 +9,33 @@
 </head>

 <body>
-    <div id='app'>
-        <table id='table'></table>
-        <div class='sidebar'>
-            <label>列数</label> <input id='totalCol' type="text" value=10> <br>
-            <label>行数</label> <input id='totalRow' type="text" value=10>
+    <div id='designer'>
+        <div id='table-creator'>
+            <label>列数</label> <input id='totalCol' type="text" value='10'> <br>
+            <label>行数</label> <input id='totalRow' type="text" value='10'> <br>
            <button id='submitRowCol'>创建表格</button>
-            <div id='cellInfo'>
-
-            </div>
        </div>
+        <div id='cell-info'>
+            <label>颜色</label> <input type="text" name='color'>
+            <label>单元Id</label> <input type="text" name='cellId'>
+            <label>字体</label> <input type="text" name='font'>
+            <label>字体大小</label> <input type="text" name='fontSize'>
+            <label>颜色</label> <input type="text" name='fontColor'>
+            <label>加粗</label> <input type="text" name='fontWeight'>
+            <label>斜体</label> <input type="text" name='fontStyle'>
+            <label>下划线</label> <input type="text" name='textDecoration'>
+            <label>边框</label> <input type="text" name='border'>
+            <label>背景颜色</label> <input type="text" name='backgroundColor'>
+            <label>位置</label> <input type="text" name='textAlign'>
+
+            <button id='update'>更新</button>
+        </div>
+
+    </div>
+    <div id='app'>
+
+        <table id='table'></table>
+

    </div>