diff --git a/_server/css/editor_mobile.css b/_server/css/editor_mobile.css index f5681118..571653c1 100644 --- a/_server/css/editor_mobile.css +++ b/_server/css/editor_mobile.css @@ -1,3 +1,9 @@ +html{ + font-size: 4vmin; +} +input, textarea, select, button { + font-size: 1rem; +} html, body, div, img { margin: 0; @@ -19,17 +25,16 @@ body { } #left, #mid, #right { - border-radius: 2px; + /* border-radius: 2px; box-sizing: border-box; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); */ + background-color: #F5F5F5; + width: 100vmin; + height: 100vmin; } #left { position: absolute; - left: 5px; - top: 10px; - width: 435px; - height: 630px; } #editArea { @@ -83,18 +88,18 @@ body { #mid { position: absolute; - left: 448px; - top: 10px; - width: 440px; - height: 630px; } .map { position: absolute; - left: 20px; - top: 21px; - width: 416px; - height: 416px; + left: 4vmin; + top: 4vmin; + width: 96vmin; + height: 96vmin; +} +.map canvas{ + width: 96vmin; + height: 96vmin; } #mid .tools { @@ -193,10 +198,6 @@ body { #right { position: absolute; - left: 900px; - top: 10px; - width: 440px; - height: 630px; /* border: 1px solid rgb(238, 13, 13); */ } @@ -280,22 +281,23 @@ table.col td { } #mapColMark { - top: 2px; - left: 19px; - width: 418px; - height: 16px; - font-size: 13px; + top: 0; + left: 4vmin; + width: 96vmin; + height: 4vmin; + font-size: 3vmin; } + #mapColMark td { width: 29px; } #mapColMark td:hover .colBlock { position: absolute; - top: 19px; - height: 416px; - width: 32px; + top: 4vmin; + height: 96vmin; + width: 7.38vmin; z-index: 100; background-color: rgba(38, 166, 154, .5); } @@ -320,11 +322,11 @@ table.row td { } #mapRowMark { - top: 1px; - left: 2px; - width: 16px; - height: 416px; - font-size: 12px; + top: 0; + left: 0; + width: 4vmin; + height: 96vmin; + font-size: 3vmin; } #mapRowMark td { @@ -333,9 +335,9 @@ table.row td { #mapRowMark td:hover .rowBlock { position: absolute; - left: 18px; - height: 32px; - width: 416px; + left: 4vmin; + height: 7.38vmin; + width: 96vmin; z-index: 100; background-color: rgba(76, 34, 27, .5); } @@ -388,3 +390,11 @@ table.row td { [v-cloak] { display: none !important; } + +#down{ + position: absolute; + left:0; + top:100vmin; + bottom: 0; + width: 100vmin; +} \ No newline at end of file diff --git a/_server/css/editor_mode_mobile.css b/_server/css/editor_mode_mobile.css index 2cb2e95a..392066da 100644 --- a/_server/css/editor_mode_mobile.css +++ b/_server/css/editor_mode_mobile.css @@ -1,7 +1,10 @@ .leftTab { - border-radius: 2px; + /* border-radius: 2px; box-sizing: border-box; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); */ + background-color: #F5F5F5; + width: 100vmin; + height: 100vmin; } .leftTab { diff --git a/editor-mobile.html b/editor-mobile.html index 6222b821..b0a18d1e 100644 --- a/editor-mobile.html +++ b/editor-mobile.html @@ -8,8 +8,8 @@ @@ -214,55 +214,9 @@ -
-
-
-

当前选择为清除块，可擦除地图上块

-
-

图块编号：{{ infos['idnum'] }}

-

图块ID：{{ infos['id'] }}

-

该图块无对应的数字或ID存在，请先前往icons.js和maps.js中进行定义！

-

图块所在素材：{{ infos['images'] + (isAutotile ? '( '+infos['id']+' )' : '') }} -

-

图块索引：{{ infos['y'] }}

-
-
-
-

{{ mapMsg }}

-
-
- - - -



- - - - - -
+ -