Merge branch 'fix/Process.mobile_blue_flat_style_modify' into 'develop'

Merge of fix/Process.mobile_blue_flat_style_modify to develop

See merge request o2oa/o2oa!562

o2web/source/o2_core/o2/widget/$AttachmentController/mobile_blue_flat/css.wcss

@@ -116,12 +116,12 @@
         "cursor": "row-resize"
     },
     "attachmentNode_icon": {
-        "width": "90px",
-        "height": "100px",
-        "padding": "5px",
+        "width": "45px",
+        "height": "50px",
+        "padding": "2px",
         "float": "left",
-        "margin": "10px 0px 10px 10px",
-        "border-radius": "3px",
+        "margin": "5px 0px 5px 5px",
+        "border-radius": "2px",
         //"border": "2px solid #FFF",
         "background": "transparent",
         "-webkit-user-select": "text",
@@ -136,18 +136,18 @@
         "background": "#d7e1e8"
     },
     "attachmentIconNode": {
-        "width": "90px",
-        "height": "66px",
+        "width": "45px",
+        "height": "33px",
         "text-align": "center"
     },
     "attachmentIconImgAreaNode": {
-        "width": "64px",
-        "height": "64px",
+        "width": "32px",
+        "height": "32px",
         "margin": "auto"
     },
     "attachmentIconImgNode": {
-        "width": "64px",
-        "height": "64px"
+        "width": "32px",
+        "height": "32px"
     },
     "attachmentTextNode": {
         "height": "34px",
@@ -178,9 +178,9 @@
         "background": "#d7e1e8"
     },
     "attachmentSeqNode_sequence": {
-        "width": "40px",
-        "height": "115px",
-        "line-height": "115px",
+        "width": "20px",
+        "height": "58px",
+        "line-height": "58px",
         "color": "#666666",
         "float": "left",
         "text-align": "center"
@@ -324,10 +324,10 @@
 
     "minActionNode": {
         "float": "left",
-        "width": "74px",
-        "font-size" : "32px",
-        "height": "115px",
-        "line-height": "115px",
+        "width": "37px",
+        "font-size" : "16px",
+        "height": "58px",
+        "line-height": "58px",
         "color" : "#32AAFF",
         "margin" : "0px 5px",
         "cursor": "pointer"
@@ -339,11 +339,12 @@
         "background-position": "center center"
     },
     "minAttachmentNode_sequence": {
+        "overflow" : "hidden",
         "width": "auto",
-        "font-size" : "32px",
+        "font-size" : "16px",
         "color" : "#333",
-        "height": "115px",
-        "padding": "0px 0px 0px 20px",
+        "height": "58px",
+        "padding": "0px 0px 0px 10px",
         "border-radius": "0px",
         "border": "0px solid #FFF",
         "background": "transparent",
@@ -352,11 +353,12 @@
         "box-shadow" : "inset 0 -1px 0 0 #DAE1EC"
     },
     "minAttachmentNode_sequence_mobile": {
+        "overflow" : "hidden",
         "width": "auto",
-        "font-size" : "32px",
+        "font-size" : "16px",
         "color" : "#333",
-        "height": "115px",
-        "padding": "0px 0px 0px 20px",
+        "height": "58px",
+        "padding": "0px 0px 0px 10px",
         "border-radius": "0px",
         "border": "0px solid #FFF",
         "background": "transparent",
@@ -374,8 +376,8 @@
     },
     "minAttachmentNode_list": {
         "width": "auto",
-        "height": "115px",
-        "padding": "13px 0px 13px 10px",
+        "height": "58px",
+        "padding": "7px 0px 7px 5px",
         "border-radius": "0px",
         "border": "0px solid #FFF",
         "background": "transparent",
@@ -385,11 +387,12 @@
         //"border-bottom" : "1px dashed #dcdcdc"
     },
     "minAttachmentNode_list_mobile": {
+        "overflow" : "hidden",
         "width": "auto",
-        "font-size" : "32px",
+        "font-size" : "16px",
         "color" : "#333",
-        "height": "115px",
-        "padding": "0px 0px 0px 20px",
+        "height": "58px",
+        "padding": "0px 0px 0px 10px",
         "border-radius": "0px",
         "border": "0px solid #FFF",
         "background": "transparent",
@@ -416,19 +419,19 @@
         "float": "left"
     },
     "minAttachmentIconImgAreaNode_list": {
-        "width": "46px",
-        "height": "58px",
-        "margin": "27px 3px"
+        "width": "23px",
+        "height": "29px",
+        "margin": "16px 2px"
     },
     "minAttachmentIconImgNode_list": {
-        "width": "46px",
-        "height": "58px"
+        "width": "23px",
+        "height": "29px"
     },
     "minAttachmentTextNode_list": {
-        "height": "115px",
+        "height": "58px",
         "cursor": "default",
-        "line-height": "115px",
-        "padding-left": "20px",
+        "line-height": "58px",
+        "padding-left": "10px",
         "margin-right": "0px",
         "overflow": "hidden",
         "word-break": "break-all",

o2web/source/o2_core/o2/widget/$Dialog/mobile_blue_flat/css.wcss

@@ -14,7 +14,7 @@
 		"box-shadow": "0px 0px 0px #999",
 		"z-index": "99",
 		
-		"padding": "3px",
+		"padding": "0px",
 	
 		"opacity": 0
 	},
@@ -29,7 +29,7 @@
 		
 		"font-size": "12px",
 		"height": "60",
-		"padding": "3px",
+		"padding": "0px",
 		"width": "300",
 		"position": "absolute",
 		"top": "0",
@@ -50,13 +50,13 @@
 	},
   "okButton": {
 	"border" : "0px",
-	"height": "88px",
-	"line-height": "88px",
+	"height": "44px",
+	"line-height": "44px",
 	"background-color" : "#32AAFF",
 	"color": "#FFF",
-	"font-size": "32px",
-	"margin-top" : "20px",
-	"border-radius": "8px",
+	"font-size": "16px",
+	"margin-top" : "10px",
+	"border-radius": "4px",
 	"cursor": "pointer",
 	"text-align" : "center",
 	"width" : "44.7%",
@@ -66,13 +66,13 @@
 	"border" : "0px",
 	"margin-left" : "4%",
 	"margin-right" : "2.6%",
-	"height": "88px",
-	"line-height": "88px",
-	"margin-top" : "20px",
+	"height": "44px",
+	"line-height": "44px",
+	"margin-top" : "10px",
 	"background-color" : "#E6EBEE",
 	"color": "#333",
-	"font-size": "32px",
-	"border-radius": "8px",
+	"font-size": "16px",
+	"border-radius": "4px",
 	"cursor": "pointer",
 	"text-align" : "center",
 	"width" : "44.7%",
@@ -80,13 +80,13 @@
   },
 	"button": {
 	  "border" : "0px",
-	  "height": "88px",
-	  "line-height": "88px",
+	  "height": "44px",
+	  "line-height": "44px",
 	  "background-color" : "#32AAFF",
 	  "color": "#FFF",
-	  "font-size": "32px",
-	  "margin-top" : "20px",
-	  "border-radius": "8px",
+	  "font-size": "16px",
+	  "margin-top" : "10px",
+	  "border-radius": "4px",
 	  "cursor": "pointer",
 	  "text-align" : "center",
 	  "width" : "44.7%",

o2web/source/o2_core/o2/widget/$Dialog/mobile_blue_flat/dialog.html

@@ -1,10 +1,10 @@
 <div style="background-color: #FFF;">
-    <div style="padding: 0px 30px; height: 88px; text-align: center; font-size: 36px; position: relative; background-color: rgb(50, 170, 255);" class="MWF_dialod_title">
-        <div class="MWF_dialod_Action_back" style="background: url(../o2_core/o2/widget/$Dialog/mobile_blue_flat/img/back@2x.png) no-repeat 30px center / 16px 33px; left: 0px; top: 14px; width: 80px; height: 60px; color: rgb(255, 255, 255); position: absolute;"></div>
-        <div style="height: 88px; color: rgb(255, 255, 255); line-height: 88px;" class="MWF_dialod_title_text"></div>
+    <div style="padding: 0px 15px; height: 44px; text-align: center; font-size: 18px; position: relative; background-color: rgb(50, 170, 255);" class="MWF_dialod_title">
+        <div class="MWF_dialod_Action_back" style="background: url(../o2_core/o2/widget/$Dialog/mobile_blue_flat/img/back@2x.png) no-repeat 15px center / 8px 17px; left: 0px; top: 7px; width: 40px; height: 30px; color: rgb(255, 255, 255); position: absolute;"></div>
+        <div style="height: 44px; color: rgb(255, 255, 255); line-height: 44px;" class="MWF_dialod_title_text"></div>
     </div>
     <div class="MWF_dialod_content" style="text-align: left; padding: 0px; line-height:20px;background:#f5f5f5;overflow:auto;"></div>
-    <div class="MWF_dialod_button" style="height: 128px; margin: 0px 0px;background: #ffffff;">
+    <div class="MWF_dialod_button" style="height: 64px; margin: 0px 0px;background: #ffffff;">
         <input type="button" class="MWF_dialod_cancel_button" style="display: none;"/>
         <input type="button" class="MWF_dialod_ok_button" style="display: none;"/>
     </div>

o2web/source/o2_core/o2/widget/$Tab/blue_flat_mobile/css.wcss

@@ -1,10 +1,10 @@
 {
 	"tabNodeContainer": {
-	  "height": "100px",
+	  "height": "50px",
 	  "background": "#E8ECEE",
 	  "border-top": "0px solid #CCC",
 	  "border-bottom": "0px solid #CCC",
-	  "margin-right" : "-2px"
+	  "margin-right" : "-1px"
 	},
 	"contentNodeContainer": {
 	  "line-height": "normal",
@@ -20,28 +20,28 @@
 	  "position": "relative",
 	  "margin-right": "0px",
 	  "float": "left",
-	  "height": "96px",
+	  "height": "48px",
 	  "cursor": "pointer",
-	  "min-width": "70px",
+	  "min-width": "35px",
 	  "background": "#E8ECEE",
-	  "border-bottom": "4px solid #E8ECEE",
-	  "border-right": "2px solid #CFD9DF",
+	  "border-bottom": "1px solid #E8ECEE",
+	  "border-right": "1px solid #CFD9DF",
 	  "border-radius" : "0px"
 //	  "width" : "calc(33.3% - 2px)"
 	},
 	"tabTextNode": {
 	  "color": "#000000",
-	  "line-height": "100px",
+	  "line-height": "55px",
 	  "font-weight" : "normal",
 	  "text-align": "center",
-	  "margin-right": "4px",
+	  "margin-right": "2px",
 	  "margin-top": "0px",
-	  "margin-left": "4px",
-	  "font-size": "36px"
+	  "margin-left": "2px",
+	  "font-size": "18px"
 	},
 	"tabCloseNode": {
-		"height": "24px",
-		"width": "20px",
+		"height": "12px",
+		"width": "10px",
 		"background": "url("+o2.session.path+"/widget/$Tab/default/close.gif) center center"
 	},
 	"tabNodeCurrent": {
@@ -49,27 +49,27 @@
 	  "margin-top": "0px",
 	  "margin-right": "0px",
 	  "float": "left",
-	  "height": "96px",
-	  "min-width": "70px",
+	  "height": "48px",
+	  "min-width": "35px",
 	  "background": "#ffffff",
-	  "border-bottom": "4px solid #1D1E1F",
-	  "border-right": "2px solid #CFD9DF",
+	  "border-bottom": "1px solid #1D1E1F",
+	  "border-right": "1px solid #CFD9DF",
 	  "border-radius" : "0px"
 //	  "width" : "calc(33.3% - 2px)"
 	},
 	"tabTextNodeCurrent": {
 	  "color": "#000000",
-	  "line-height": "100px",
+	  "line-height": "50px",
 	  "font-weight" : "normal",
 	  "text-align": "center",
-	  "margin-right": "4px",
-	  "margin-left": "4px",
-	  "font-size": "36px"
+	  "margin-right": "2px",
+	  "margin-left": "2px",
+	  "font-size": "18px"
 	},
 
 	"tabCloseNodeCurrent": {
-		"height": "24px",
-		"width": "20px",
+		"height": "12px",
+		"width": "10px",
 		"background": "url("+o2.session.path+"/widget/$Tab/default/close.gif) center center"
 	}
 }

o2web/source/x_component_Selector/$Selector/blue_flat_mobile/css.wcss

@@ -53,32 +53,32 @@
         "z-index":1001
 	},
   	"tabContainer" : {
-		"height" : "100px",
-	  	"margin-bottom" : "10px"
+		"height" : "50px",
+	  	"margin-bottom" : "5px"
 	},
 
 
 	"titleNodeMobile": {
-        "height": "88px",
-	  	"font-size" : "36px",
+        "height": "44px",
+	  	"font-size" : "18px",
         "background-color": "#32AAFF",
 	  	"position" : "relative",
 	  	"text-align" : "center",
-	  	"padding" : "0px 30px"
+	  	"padding" : "0px 15px"
     },
 	"titleCancelActionNodeMobile": {
-	  "top" : "14px",
+	  "top" : "7px",
 	  "left" : "0px",
 	  "position" : "absolute",
-	  "height": "60px",
-	  "width": "80px",
+	  "height": "30px",
+	  "width": "40px",
 	  "color": "#FFF",
-	  "background" : "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/back@2x.png) 30px center no-repeat",
-	  "background-size" : "16px 33px"
+	  "background" : "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/back@2x.png) 15px center no-repeat",
+	  "background-size" : "8px 17px"
 	},
 	"titleTextNodeMobile": {
-        "line-height": "88px",
-        "height": "88px",
+        "line-height": "44px",
+        "height": "44px",
         "color": "#FFF"
     },
 
@@ -105,8 +105,8 @@
 		"height": "250px",
 		"float": "left",
 		"margin": "10px",
-		"border": "2px solid #e2e3e7",
-		"border-radius": "6px"
+		"border": "1px solid #e2e3e7",
+		"border-radius": "3px"
 	},
 	"selectNodeMobile":{
     	"margin": "0px",
@@ -142,17 +142,17 @@
 		//"overflow": "hidden"
 	},
 	"actionNode": {
-		"height": "128px",
+		"height": "64px",
 	  	"overflowe" : "hidden"
 	},
 	"okActionNode": {
-	  "height": "88px",
-	  "line-height": "88px",
+	  "height": "44px",
+	  "line-height": "44px",
 	  "background-color" : "#32AAFF",
 	  "color": "#FFF",
-	  "font-size": "32px",
-	  "margin-top" : "20px",
-	  "border-radius": "8px",
+	  "font-size": "16px",
+	  "margin-top" : "10px",
+	  "border-radius": "4px",
 	  "cursor": "pointer",
 	  "text-align" : "center",
 	  "width" : "44.7%",
@@ -161,13 +161,13 @@
 	"cancelActionNode": {
 	  "margin-left" : "4%",
 	  "margin-right" : "2.6%",
-	  "height": "88px",
-	  "line-height": "88px",
-	  "margin-top" : "20px",
+	  "height": "44px",
+	  "line-height": "44px",
+	  "margin-top" : "10px",
 	  "background-color" : "#E6EBEE",
 	  "color": "#333",
-	  "font-size": "32px",
-	  "border-radius": "8px",
+	  "font-size": "16px",
+	  "border-radius": "4px",
 	  "cursor": "pointer",
 	  "text-align" : "center",
 	  "width" : "44.7%",
@@ -175,42 +175,42 @@
 	},
 	"selectedTopNode" : {
 	  "overflow" : "hidden",
-	  "height": "32px",
+	  "height": "16px",
 	  "background-color" : "#fff",
 	  "border-bottom": "1px solid #e2e3e7"
 	},
 	"selectedTopTextNode" : {
 	  "float" : "left",
-	  "width" : "32px",
-	  "height": "32px",
-	  "line-height": "32px",
-	  "margin-left" : "10px"
+	  "width" : "16px",
+	  "height": "16px",
+	  "line-height": "16px",
+	  "margin-left" : "5px"
 	},
 	"selectedTopActionNode" : {
 	  "color" : "#0b82ff",
 	  "float" : "right",
 	  "cursor" : "pointer",
-	  "height": "32px",
-	  "line-height": "32px",
-	  "margin-right" : "10px"
+	  "height": "16px",
+	  "line-height": "16px",
+	  "margin-right" : "5px"
 	},
 
 	"selectTopNode" : {
 	  "overflow" : "hidden",
 	  "border-bottom": "1px solid #e2e3e7",
 	  "background-color" : "#fff",
-	  "height": "32px"
+	  "height": "16px"
 	},
 	"selectTopTextNode" : {
 	  "float" : "left",
-	  "width" : "32px",
-	  "height": "32px",
-	  "line-height": "32px",
-	  "margin-left" : "10px"
+	  "width" : "16px",
+	  "height": "16px",
+	  "line-height": "16px",
+	  "margin-left" : "5px"
 	},
 	"searchInputDiv": {
-	  	"padding" : "0px 30px",
-		"height": "100px",
+	  	"padding" : "0px 15px",
+		"height": "50px",
 		"color": "#999",
         "background": "#fff",
 	  	"border-bottom": "1px solid #cccccc"
@@ -219,30 +219,30 @@
 	  	//"width" : "calc(100% - 40px)",
 	  	"width": "100%",
 	  	"box-sizing":"border-box",
-		"height": "72px",
+		"height": "36px",
 		"border": "0px",
-		"margin-top": "12px",
-		"font-size": "30px",
-	  	"padding-left" : "30px",
+		"margin-top": "6px",
+		"font-size": "15px",
+	  	"padding-left" : "15px",
 	  	"background" : "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/search@2x.png) 96% center no-repeat rgb(255, 255, 255)",
-	  "background-size" : "40px 40px",
+	  "background-size" : "20px 20px",
 	  	"border" : "1px solid #a1a1a1",
-	  	"border-radius" : "10px",
+	  	"border-radius" : "5px",
 		"outline": "none"
 	},
 	"searchInputSingle": {
 	  //"width" : "calc(100% - 40px)",
 	  "width": "100%",
 	  "box-sizing":"border-box",
-	  "height": "72px",
+	  "height": "36px",
 	  "border": "0px",
-	  "margin-top": "12px",
-	  "font-size": "30px",
-	  "padding-left" : "30px",
+	  "margin-top": "6px",
+	  "font-size": "15px",
+	  "padding-left" : "15px",
 	  "background" : "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/search@2x.png) 96% center no-repeat rgb(255, 255, 255)",
-	  "background-size" : "40px 40px",
+	  "background-size" : "20px 20px",
 	  "border" : "1px solid #a1a1a1",
-	  "border-radius" : "10px",
+	  "border-radius" : "5px",
 	  "outline": "none"
 	},
 	"itemAreaScrollNode": {
@@ -255,34 +255,34 @@
 		"overflow": "hidden"
 	},
 	"selectorItem": {
-		"height": "88px",
-		"line-height": "88px",
-		"padding": "0px 30px",
+		"height": "44px",
+		"line-height": "44px",
+		"padding": "0px 15px",
 		"overflow": "hidden",
 		"cursor": "pointer",
-		"font-size": "32px",
+		"font-size": "16px",
 		"color": "#666666",
 		"background": "#fff",
 	  	"box-shadow": "inset 0 -1px 0 0 #DAE1EC"
 	},
 	"selectorItemCategory": {
-	    "height": "88px",
-        "line-height": "88px",
-        "padding": "0px 30px",
+	    "height": "44px",
+        "line-height": "44px",
+        "padding": "0px 15px",
         "overflow": "hidden",
         "cursor": "pointer",
-        "font-size": "32px",
+        "font-size": "16px",
         "color": "#666666",
         "background": "#fff",
 	  	"box-shadow": "inset 0 -1px 0 0 #DAE1EC"
 	},
 	"selectorItemCategory_department": {
-        "height": "88px",
-        "line-height": "88px",
-        "padding": "0px 30px",
+        "height": "44px",
+        "line-height": "44px",
+        "padding": "0px 15px",
         "overflow": "hidden",
         "cursor": "pointer",
-        "font-size": "32px",
+        "font-size": "16px",
         "background": "#fff",
 	  	"box-shadow": "inset 0 -1px 0 0 #DAE1EC"
     },
@@ -292,8 +292,8 @@
 
 	"selectorItem_over": {
 		//"height": "28px",
-		"line-height": "88px",
-		"padding": "0px 30px",
+		"line-height": "44px",
+		"padding": "0px 15px",
 		"overflow": "hidden",
 		"cursor": "pointer",
 		"background-color": "#fff",
@@ -304,8 +304,8 @@
 	},
 	"selectorItem_selected": {
 		//"height": "24px",
-		"line-height": "88px",
-		"padding": "0px 30px",
+		"line-height": "44px",
+		"padding": "0px 15px",
 		"overflow": "hidden",
 		"cursor": "pointer",
 		"background-color": "#fff",
@@ -313,138 +313,138 @@
 	},
 	"selectorSelectedItem": {
 	  //"height": "24px",
-	  "line-height": "88px",
-	  "padding": "0px 30px",
+	  "line-height": "44px",
+	  "padding": "0px 15px",
 	  "overflow": "hidden",
 	  "cursor": "pointer",
 	  "background-color": "#fff",
 	  "box-shadow": "inset 0 -1px 0 0 #DAE1EC"
 	},
 	"selectorItemLevelNode": {
-	    "width": "40px",
-        "height": "88px",
+	    "width": "20px",
+        "height": "44px",
         "float": "left"
 	},
 	"selectorItemLevelNode_expand":{
         "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/arrow_down@2x.png) no-repeat right center",
-	  "background-size" : "26px 16px"
+	  "background-size" : "13px 8px"
     },
 	"selectorItemLevelNode_expand_over":{
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/arrow_down@2x.png) no-repeat right center",
-	  "background-size" : "26px 16px"
+	  "background-size" : "13px 8px"
 	},
 	"selectorItemLevelNode_collapse":{
 	    "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/arrow_right@2x.png) no-repeat right center",
-	  "background-size" : "16px 27px"
+	  "background-size" : "8px 14px"
 	},
 	"selectorItemLevelNode_collapse_over":{
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/arrow_right@2x.png) no-repeat right center",
-	  "background-size" : "16px 27px"
+	  "background-size" : "8px 14px"
 	},
   	"selectorItemCategoryIconNode" : {
 	  	"display" : "none"
 	},
 
 	"selectorItemIconNode": {
-		"width": "33px",
-		"height": "88px",
+		"width": "17px",
+		"height": "44px",
 		"float": "left",
 		"background-repeat": "no-repeat",
 		"background-position": "center center",
-	  	"background-size" : "33px 36px"
+	  	"background-size" : "17px 18px"
 	},
 	"selectorItemActionNode": {
-		"width": "32px",
-		"height": "88px",
+		"width": "16px",
+		"height": "44px",
 		"float": "right",
 	  	"background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checkbox@2x.png) no-repeat center center",
-	  	"background-size" : "32px 32px"
+	  	"background-size" : "16px 16px"
 	},
   	"selectorItemActionNode_single" : {
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/radio@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
 	},
 	"selectorItemActionNode_selected_over": {
-	  "width": "32px",
-        "height": "88px",
+	  "width": "16px",
+        "height": "44px",
         "float": "right",
         "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checked2.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
     },
 	"selectorItemActionNode_single_selected_over" : {
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/radio@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
 	},
 	"selectorItemActionNode_over": {
-	  "width": "32px",
-        "height": "88px",
+	  "width": "16px",
+        "height": "44px",
         "float": "right",
         "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checkbox@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
     },
 	"selectorItemActionNode_single_over" : {
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/radio@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
 	},
 	"selectorItemActionNode_selected": {
-	  "width": "32px",
-		"height": "88px",
+	  "width": "16px",
+		"height": "44px",
 		"float": "right",
 		"background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checked@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
 	},
 	"selectorItemActionNode_single_selected" : {
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/radio_selected@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
 	},
 	"selectorSelectedItemActionNode": {
-	  "width": "32px",
-	  "height": "88px",
+	  "width": "16px",
+	  "height": "44px",
 	  "float": "right",
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checked@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
 	},
 	"selectorSelectedItemActionNode_single" : {
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/radio_selected@2x.png) no-repeat center center",
-	  "background-size" : "32px 32px"
+		"background-size" : "16px 16px"
 	},
 
 	"selectorItemCategoryActionNode_expand": {
-        "width": "40px",
-        "height": "88px",
+        "width": "20px",
+        "height": "44px",
         "float": "left",
-        "font-size": "32px",
+        "font-size": "16px",
         "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/arrow_down@2x.png) no-repeat center center",
-	  	"background-size" : "26px 16px"
+	  	"background-size" : "13px 8px"
 	},
 	"selectorItemCategoryActionNode_collapse": {
-	  "width": "40px",
-        "height": "88px",
-        "font-size": "32px",
+	  "width": "20px",
+        "height": "44px",
+        "font-size": "16px",
         "float": "left",
         "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/arrow_right@2x.png) no-repeat center center",
-	  	"background-size" : "16px 27px"
+	  	"background-size" : "8px 14px"
     },
 
 	"selectorItemCategoryActionNode_selectAll": {
-	  "width": "32px",
-	  "height": "88px",
+	  "width": "16px",
+	  "height": "44px",
 	  "float": "right",
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checkbox@2x.png) no-repeat left center",
-	  "background-size" : "32px 32px"
+	  "background-size" : "16px 16px"
 	},
 	"selectorItemCategoryActionNode_selectAll_selected": {
-	  "width": "32px",
-	  "height": "88px",
+	  "width": "16px",
+	  "height": "44px",
 	  "float": "right",
 	  "background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checked@2x.png) no-repeat left center",
 	  "background-size" : "32px 32px"
 	},
 
 	"selectorItemTextNode": {
-		"height": "88px",
-	  	"margin-left": "46px",
-	  	"margin-right" : "46px",
+		"height": "44px",
+	  	"margin-left": "23px",
+	  	"margin-right" : "23px",
 		"word-wrap": "break-word",
 		"color": "#333"
 	},
@@ -455,11 +455,11 @@
 //	  "color": "#333"
 	},
 	"selectorItemCategoryTextNode": {
-	    "height": "88px",
-	  	"margin-left": "46px",
-	  	"margin-right" : "46px",
+	    "height": "44px",
+	  	"margin-left": "23px",
+	  	"margin-right" : "23px",
         "color": "#333",
-        "font-size": "32px"
+        "font-size": "16px"
         //"font-weight": "bold"
 	},
 	"selectorItemTextNode_selected": {
@@ -510,10 +510,10 @@
 //	}
 
   "flatCategoryScrollNode" : {
-	"width" : "260px",
+	"width" : "130px",
 	"overflow-y" : "auto",
 	"overflow-x" : "hidden",
-	"font-size" : "32px",
+	"font-size" : "16px",
 	"background-color" : "#F5F5F5",
 	"float" : "left"
   },
@@ -523,25 +523,25 @@
 	"background-color": "#fff"
   },
   "itemAreaScrollNode_flatCategory" : {
-	"margin-left" : "260px"
+	"margin-left" : "130px"
   },
   "flatCategoryNode" : {
 
   },
   "flatCategoryItemNode" : {
-	"border-left" : "8px solid #F5F5F5",
+	"border-left" : "4px solid #F5F5F5",
 	"background-color" : "#F5F5F5"
   },
   "flatCategoryItemNode_selected" : {
-	"border-left" : "8px solid #32AAFF",
+	"border-left" : "4px solid #32AAFF",
 	"background-color" : "#fff"
   },
   "flatCategoryItemTextNode" : {
-	"padding-left" : "22px",
-	"width" : "230px",
-	"height" : "88px",
-	"line-height" : "88px",
-	"font-size" : "32px",
+	"padding-left" : "11px",
+	"width" : "115px",
+	"height" : "44px",
+	"line-height" : "44px",
+	"font-size" : "16px",
 	"color" : "#333",
 	"white-space" : "nowrap",
 	"word-break" : "break-all",
@@ -550,24 +550,24 @@
   },
   "flatCategory_selectAllWrap" : {
 	"overflow" : "hidden",
-	"padding-right" : "30px"
+	"padding-right" : "15px"
   },
   "flatCategory_selectAll": {
-	"font-size" : "32px",
-	"width" : "120px",
-	"height": "88px",
-	"line-height": "88px",
+	"font-size" : "16px",
+	"width" : "60px",
+	"height": "44px",
+	"line-height": "44px",
 	"float": "right",
 	"background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checkbox@2x.png) no-repeat right center",
-	"background-size" : "32px 32px"
+	"background-size" : "16px 16px"
   },
   "flatCategory_selectAll_selected": {
-	"font-size" : "32px",
-	"width" : "120px",
-	"height": "88px",
-	"line-height": "88px",
+	"font-size" : "16px",
+	"width" : "60px",
+	"height": "44px",
+	"line-height": "44px",
 	"float": "right",
 	"background": "url(../x_component_Selector/$Selector/blue_flat_mobile/icon/checked@2x.png) no-repeat right center",
-	"background-size" : "32px 32px"
+	"background-size" : "16px 16px"
   }
 }

o2web/source/x_component_Template/$MSelector/mobile_blue_flat/css.wcss

@@ -3,29 +3,29 @@
 
   },
   "selectNode":{
-    "height":"80px",
-    "line-height":"80px",
+    "height":"40px",
+    "line-height":"40px",
     "border":"1px solid #979797",
-    "border-radius":"8px",
+    "border-radius":"4px",
     "background-color" : "#fff",
     "display":"block",
     "cursor":"pointer"
   },
   "selectNode_over":{
-    "height":"80px",
-    "line-height":"80px",
+    "height":"40px",
+    "line-height":"40px",
     "border":"1px solid #979797",
-    "border-radius":"8px",
+    "border-radius":"4px",
     "background-color" : "#fff",
     "display":"block",
     "cursor":"pointer"
   },
 
   "selectValueNode":{
-    "height":"80px",
-    "line-height":"80px",
-    "padding-left" : "20px",
-    "margin-left":"5px",
+    "height":"40px",
+    "line-height":"40px",
+    "padding-left" : "10px",
+    "margin-left":"2px",
     "float":"left",
     "overflow":"hidden"
   },
@@ -34,21 +34,21 @@
     "width" : "98%"
   },
   "selectArrowNode":{
-    "width":"50px",
-    "height":"80px",
+    "width":"25px",
+    "height":"40px",
     "float":"right",
     "background":"url(../x_component_Template/$MSelector/mobile_blue_flat/icon/arrow_down@2x.png) no-repeat left center",
-    "background-size" : "24px 14px"
+    "background-size" : "12px 7px"
   },
   "selectArrowNode_up":{
-    "width":"46px",
-    "height":"80px",
+    "width":"23px",
+    "height":"40px",
     "float":"right",
     "background":"url(../x_component_Template/$MSelector/mobile_blue_flat/icon/close@2x.png) no-repeat left center",
-    "background-size" : "20px 20px"
+    "background-size" : "10px 10px"
   },
   "tooltipNode":{
-    "font-size" : "30px",
+    "font-size" : "15px",
     "max-width" : "1000px",
     "min-width" : "10px",
     "padding" : "0px",
@@ -77,10 +77,10 @@
   },
   "listItemNode":{
     "cursor" : "pointer",
-    "padding-right" : "20px",
+    "padding-right" : "10px",
     "overflow" : "hidden",
     //"text-indent":"10px",
-    "padding-left":"20px",
+    "padding-left":"10px",
     "background-color" : "#fff",
     "color" : "#000",
     "text-align" : "center",
@@ -91,10 +91,10 @@
   },
   "listItemNode_over" : {
     "cursor" : "pointer",
-    "padding-right" : "20px",
+    "padding-right" : "10px",
     "overflow" : "hidden",
     //"text-indent":"10px",
-    "padding-left":"20px",
+    "padding-left":"10px",
     "background-color" : "#fff",
     "color" : "#000",
     "text-align" : "center",
@@ -105,10 +105,10 @@
   },
   "listItemNode_current" : {
     "cursor" : "pointer",
-    "padding-right" : "20px",
+    "padding-right" : "10px",
     "overflow" : "hidden",
     //"text-indent":"10px",
-    "padding-left":"20px",
+    "padding-left":"10px",
     "background-color" : "#fff",
     "color" : "#32AAFF",
     "text-align" : "center",

o2web/source/x_component_process_FormDesigner/Module/Form/skin/styles_mobile-blue-flat.json

@@ -4,7 +4,7 @@
     "styles":{
       "background-color": "#ffffff",
       "zoom" : "100%",
-      "font-size" : "32px"
+      "font-size" : "16px"
     }
   },
   "label": {
@@ -12,12 +12,12 @@
       "name": "标题",
       "styles": {
         "text-align": "center",
-        "font-size": "36px",
-        "line-height": "50px",
+        "font-size": "18px",
+        "line-height": "25px",
         "font-weight": "bold",
         "color": "#000000",
-        "height": "50px",
-        "margin-bottom": "20px"
+        "height": "25px",
+        "margin-bottom": "10px"
       }
     },
     "tabletitle": {
@@ -37,15 +37,15 @@
     "section": {
       "name": "区段标题",
       "styles": {
-        "height": "36px",
+        "height": "18px",
         "background-color": "#ffffff",
-        "line-height": "36px",
-        "padding": "0px 20px",
+        "line-height": "18px",
+        "padding": "0px 10px",
         "color": "#000000",
-        "font-size": "32px",
+        "font-size": "16px",
         "font-weight": "bold",
         "border": "0px",
-        "border-left": "8px solid #32AAFF"
+        "border-left": "4px solid #32AAFF"
       }
     }
   },
@@ -67,15 +67,15 @@
     "section": {
       "name": "区段",
       "styles": {
-        "height": "36px",
+        "height": "18px",
         "background-color": "#ffffff",
-        "line-height": "36px",
-        "padding": "0px 20px",
+        "line-height": "18px",
+        "padding": "0px 10px",
         "color": "#000000",
-        "font-size": "32px",
+        "font-size": "16px",
         "font-weight": "bold",
         "border": "0px",
-        "border-left": "8px solid #32AAFF"
+        "border-left": "4px solid #32AAFF"
       }
     }
   },
@@ -83,11 +83,11 @@
   "tab": {
     "styles": {},
     "tabAreaStyles": {
-      "height": "100px",
+      "height": "50px",
       "background": "#E8ECEE",
       "border-top": "0px solid #CCC",
       "border-bottom": "0px solid #CCC",
-      "margin-right" : "-2px"
+      "margin-right" : "-1px"
     },
     "contentAreaStyles": {
       "line-height": "normal",
@@ -98,59 +98,59 @@
       "position": "relative",
       "margin-right": "0px",
       "float": "left",
-      "height": "96px",
+      "height": "48px",
       "cursor": "pointer",
-      "min-width": "70px",
+      "min-width": "35px",
       "background": "#E8ECEE",
-      "border-bottom": "4px solid #E8ECEE",
-      "border-right": "2px solid #CFD9DF",
+      "border-bottom": "1px solid #E8ECEE",
+      "border-right": "1px solid #CFD9DF",
       "border-radius" : "0px",
-      "width" : "calc(33.3% - 2px)"
+      "width" : "calc(33.3% - 1px)"
     },
     "tabTextStyles": {
       "color": "#000000",
-      "line-height": "100px",
+      "line-height": "50px",
       "font-weight" : "normal",
       "text-align": "center",
-      "margin-right": "4px",
+      "margin-right": "2px",
       "margin-top": "0px",
-      "margin-left": "4px",
-      "font-size": "36px"
+      "margin-left": "2px",
+      "font-size": "18px"
     },
     "tabCurrentStyles": {
       "position": "relative",
       "margin-top": "0px",
       "margin-right": "0px",
       "float": "left",
-      "height": "96px",
-      "min-width": "70px",
+      "height": "48px",
+      "min-width": "35px",
       "background": "#ffffff",
-      "border-bottom": "4px solid #1D1E1F",
-      "border-right": "2px solid #CFD9DF",
+      "border-bottom": "1px solid #1D1E1F",
+      "border-right": "1px solid #CFD9DF",
       "border-radius" : "0px",
-      "width" : "calc(33.3% - 2px)"
+      "width" : "calc(33.3% - 1px)"
     },
     "tabCurrentTextStyles": {
       "color": "#000000",
-      "line-height": "100px",
+      "line-height": "50px",
       "font-weight" : "normal",
       "text-align": "center",
-      "margin-right": "4px",
-      "margin-left": "4px",
-      "font-size": "36px"
+      "margin-right": "2px",
+      "margin-left": "2px",
+      "font-size": "18px"
     }
   },
   "tab$Content": {
     "styles": {
-      "padding": "20px 0px"
+      "padding": "10px 0px"
     }
   },
   "table": {
     "styles": {
-      "margin-bottom": "20px",
-      "margin-top": "20px",
-      "margin-left": "30px",
-      "margin-right": "30px",
+      "margin-bottom": "10px",
+      "margin-top": "10px",
+      "margin-left": "15px",
+      "margin-right": "15px",
       "border" : "1px solid #999999",
       "table-layout" : "fixed"
     },
@@ -161,17 +161,17 @@
       "border-left": "0px",
       "border-right" : "1px solid #999999",
       "border-bottom" : "1px solid #999999",
-      "height": "45px",
-      "font-size": "32px",
-      "width": "129px",
+      "height": "23px",
+      "font-size": "16px",
+      "width": "65px",
       //"font-weight": "400",
-      "line-height": "45px",
+      "line-height": "23px",
       "text-align": "left"
     },
     "contentStyles": {
       "background-color": "#FFFFFF",
       "color": "#000",
-      "font-size": "32px",
+      "font-size": "16px",
       "border-top": "0px",
       "border-left": "0px",
       "border-right" : "1px solid #999999",
@@ -182,7 +182,7 @@
     "properties": {
       "width": "100%",
       "border": "0",
-      "cellpadding": "16",
+      "cellpadding": "8",
       "cellspacing": "0",
       "align": "center"
     }
@@ -203,17 +203,17 @@
       "border-left": "0px",
       "border-right" : "1px solid #999999",
       "border-bottom" : "1px solid #999999",
-      "height": "45px",
-      "font-size": "32px",
-      "width": "129px",
+      "height": "23px",
+      "font-size": "16px",
+      "width": "65px",
       //"font-weight": "400",
-      "line-height": "45px",
+      "line-height": "23px",
       "text-align": "left"
     },
     "contentStyles": {
       "background-color": "#FFFFFF",
       "color": "#000",
-      "font-size": "32px",
+      "font-size": "16px",
       "border-top": "0px",
       "border-left": "0px",
       "border-right" : "1px solid #999999",
@@ -223,18 +223,19 @@
     "properties": {
       "width": "100%",
       "border": "0",
-      "cellpadding": "16",
+      "cellpadding": "8",
       "cellspacing": "0",
       "align": "center"
     }
   },
   "datagrid": {
     "styles": {
-      "margin-bottom": "20px",
-      "margin-top": "20px",
-      "margin-left": "30px",
-      "margin-right": "30px",
-      "border" : "0px"
+      "margin-bottom": "10px",
+      "margin-top": "10px",
+      "margin-left": "15px",
+      "margin-right": "15px",
+      "border" : "0px",
+      "position" : "static"
     },
     "tableStyles": {
       "border-top": "1px solid #999999",
@@ -250,17 +251,17 @@
       "border-left": "0px",
       "border-right" : "1px solid #999999",
       "border-bottom" : "1px solid #999999",
-      "height": "45px",
-      "font-size": "32px",
-      "width": "129px",
+      "height": "23px",
+      "font-size": "16px",
+      "width": "65px",
       "font-weight": "normal",
-      "line-height": "45px",
+      "line-height": "23px",
       "text-align": "left"
     },
     "contentStyles": {
       "background-color": "#FFFFFF",
       "color": "#000",
-      "font-size": "32px",
+      "font-size": "16px",
       "border-top": "0px",
       "border-left": "0px",
       "border-right" : "1px solid #999999",
@@ -282,7 +283,7 @@
     "amountStyles": {
       "background-color": "#FFFFFF",
       "color": "#000",
-      "font-size": "32px",
+      "font-size": "16px",
       "border-top": "0px",
       "border-left": "0px",
       "border-right" : "1px solid #999999",
@@ -290,22 +291,23 @@
       "text-align": "left"
     },
     "itemTitleStyles": {
-      "height": "32px",
+      "height": "16px",
+      "overflow" : "hidden",
       "background-color": "#ffffff",
-      "line-height": "32px",
-      "padding": "0px 0px 0px 10px",
+      "line-height": "16px",
+      "padding": "0px 0px 0px 5px",
       "color": "#000",
-      "font-size": "32px",
+      "font-size": "16px",
       "font-weight": "normal",
       "border-bottom": "0px",
-      "border-left" : "8px solid #32AAFF",
-      "margin-bottom" : "20px",
-      "margin-top" : "20px"
+      "border-left" : "4px solid #32AAFF",
+      "margin-bottom" : "10px",
+      "margin-top" : "10px"
     },
     "properties": {
       "width": "100%",
       "border": "0",
-      "cellpadding": "16",
+      "cellpadding": "8",
       "cellspacing": "0",
       "align": "center"
     }
@@ -322,14 +324,14 @@
       "color": "#000"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "1px solid #979797",
       "border": "1px solid #979797",
       "height": "auto",
-      "min-height" : "78px",
-      "line-height": "78px",
+      "min-height" : "39px",
+      "line-height": "39px",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "none",
       "text-align": "left"
     }
@@ -341,12 +343,12 @@
       "color": "#000"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "1px solid #979797",
       "border": "1px solid #979797",
-      "height": "80px",
+      "height": "40px",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
@@ -358,12 +360,12 @@
       "color": "#000"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "1px solid #979797",
       "border": "1px solid #979797",
-      "height": "80px",
+      "height": "40px",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
@@ -375,11 +377,11 @@
       "color": "#000"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "1px solid #979797",
       "border": "1px solid #979797",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
@@ -391,12 +393,12 @@
       "color": "#000"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "1px solid #979797",
       "border": "1px solid #979797",
-      "height": "80px",
+      "height": "40px",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
@@ -408,12 +410,12 @@
       "color": "#000"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "1px solid #979797",
       "border": "1px solid #979797",
-      "height": "80px",
+      "height": "40px",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
@@ -421,19 +423,19 @@
   "personfield": {
     "styles": {
       "border": "1px solid #979797",
-      "border-radius": "8px",
+      "border-radius": "4px",
       "color": "#000",
-      "min-height": "80px",
+      "min-height": "40px",
       "line-height": "normal"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "0px solid #979797",
       "border": "0px solid #979797",
-      "min-height": "80px",
+      "min-height": "40px",
       "height" : "auto",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
@@ -441,19 +443,19 @@
   "orgfield": {
     "styles": {
       "border": "1px solid #979797",
-      "border-radius": "8px",
+      "border-radius": "4px",
       "color": "#000",
-      "min-height": "80px",
+      "min-height": "40px",
       "line-height": "normal"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "0px solid #979797",
       "border": "0px solid #979797",
-      "min-height": "80px",
+      "min-height": "40px",
       "height" : "auto",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
@@ -461,39 +463,39 @@
   "org": {
     "styles": {
       "border": "1px solid #979797",
-      "border-radius": "8px",
+      "border-radius": "4px",
       "color": "#000",
-      "min-height": "60px",
+      "min-height": "30px",
       "padding" : "0px",
-      "line-height": "60px"
+      "line-height": "30px"
     },
     "inputStyles": {
       "border-radius": "0px",
       "border-bottom": "0px solid #979797",
       "border": "0px solid #979797",
-      "min-height": "60px",
-      "margin" : "10px 0px",
+      "min-height": "30px",
+      "margin" : "5px 0px",
       "height" : "auto",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }
   },
   "select": {
     "styles": {
-      "font-size": "30px",
-      "padding-right" : "4px",
+      "font-size": "15px",
+      "padding-right" : "2px",
       "border-bottom": "0px solid #999",
       "border-top": "0px",
       "border-left": "0px",
       "border-right": "0px",
-      "margin-top": "5px",
+      "margin-top": "2px",
       "color": "#000",
       "float" : "none"
     },
     "inputStyles": {
-      "height": "80px",
+      "height": "40px",
       "font-size": "100%"
     }
   },
@@ -504,11 +506,11 @@
       "color": "#000"
     },
     "inputStyles": {
-      "border-radius": "8px",
+      "border-radius": "4px",
       "border-bottom": "1px solid #979797",
       "border": "1px solid #979797",
       "color": "#000",
-      "font-size": "30px",
+      "font-size": "15px",
       "float": "left",
       "text-align": "left"
     }

o2web/source/x_component_process_FormDesigner/Module/Form/skin/styles_mobile-blue-flat_extend.json

@@ -67,7 +67,7 @@
       "hasSelectedSearchbar" : true,
       "contentUrl" : "../x_component_Selector/$Selector/blue_flat_mobile/selector.html",
       "injectToBody" : true,
-      "itemHeight" : 88,
+      "itemHeight" : 44,
       "flatCategory" : true
     }
   }