feat: 优化

demoHtml/flex/css/index.css

@@ -294,6 +294,10 @@ form {
 
 .form-item select {
     width: 100%;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    box-sizing: border-box;
 }
 
 .form-actions {

demoHtml/flex/index.html

@@ -175,11 +175,11 @@
                             </div>
                             <div class="form-item">
                                 <label for="eventsType">{{= i18n.$t('user.events_type') }}</label>
-                                <input
+                                <select id="eventsType">
-                                    type="text"
+                                    <option value="">{{= i18n.$t('user.please_select') }}</option>
-                                    id="eventsType"
+                                    <option value="click">click</option>
-                                    placeholder="{{= i18n.$t('user.please_input') }}"
+                                    <option value="hover">hover</option>
-                                />
+                                </select>
                             </div>
                             <div class="form-item">
                                 <label for="eventsAction">{{= i18n.$t('user.events_action') }}</label>
@@ -191,11 +191,11 @@
                             </div>
                             <div class="form-item">
                                 <label for="defaultFocus">{{= i18n.$t('user.default_focus') }}</label>
-                                <input
+                                <select id="defaultFocus">
-                                    type="text"
+                                    <option value="">{{= i18n.$t('user.please_select') }}</option>
-                                    id="defaultFocus"
+                                    <option value="true">{{= i18n.$t('user.yes') }}</option>
-                                    placeholder="{{= i18n.$t('user.please_input') }}"
+                                    <option value="false">{{= i18n.$t('user.no') }}</option>
-                                />
+                                </select>
                             </div>
                             <div class="form-item">
                                 <label for="leftId">{{= i18n.$t('user.move_left_id') }}</label>

demoHtml/flex/js/i18n.js

@@ -22,6 +22,8 @@ var userLangConfig = {
             background_image: '背景图片',
             please_select: '请选择',
             please_input: '请输入',
+            yes: '是',
+            no: '否',
             background: '背景颜色',
             font_size: '文字大小',
             font_color: '文字颜色',
@@ -67,6 +69,8 @@ var userLangConfig = {
             background_image: 'background image',
             please_select: 'please select',
             please_input: 'please input',
+            yes: 'yes',
+            no: 'no',
             background: 'background color',
             font_size: 'font size',
             font_color: 'font color',

demoHtml/flex/js/index.js

@@ -498,9 +498,9 @@
         color: { event: 'blur', property: 'color' },
         text: { event: 'blur', property: 'text' },
         fontWeight: { event: 'blur', property: 'fontWeight' },
-        eventsType: { event: 'blur', property: 'eventsType' },
+        eventsType: { event: 'change', property: 'eventsType' },
         eventsAction: { event: 'blur', property: 'eventsAction' },
-        defaultFocus: { event: 'blur', property: 'defaultFocus' },
+        defaultFocus: { event: 'change', property: 'defaultFocus' },
         leftId: { event: 'change', property: 'leftId' },
         rightId: { event: 'change', property: 'rightId' },
         upId: { event: 'change', property: 'upId' },