修改样式

examples/containers/SearchItem.vue

@@ -4,6 +4,9 @@
       <search-item label="默认">
         <date-picker v-model="filters.dateTime" />
       </search-item>
+      <search-item label="输入框">
+        <el-input clearable />
+      </search-item>
       <search-item
         label="大号"
         size="big"
@@ -16,11 +19,11 @@
 
 <script>
 export default {
-  name: "SearchItemPage",
+  name: 'SearchItemPage',
   data() {
     return {
-      filters: {}
+      filters: {},
     };
-  }
+  },
 };
 </script>
\ No newline at end of file

examples/route.js

@@ -40,7 +40,7 @@ export const routerMap = [
     component: { render: h => <router-view /> },
     children: [
       {
-        path: 'SearchItem',
+        path: '/SearchItem',
         name: 'SearchItem',
         component: SearchItem,
         meta: { title: '搜索栏' },
@@ -54,13 +54,13 @@ export const routerMap = [
     meta: { title: '基础组件' },
     children: [
       {
-        path: 'Pagination',
+        path: '/Pagination',
         name: 'Pagination',
         component: Pagination,
         meta: { title: '分页器' },
       },
       {
-        path: 'Transfer',
+        path: '/Transfer',
         name: 'Transfer',
         component: Transfer,
         meta: { title: '穿梭框' },
@@ -74,13 +74,13 @@ export const routerMap = [
     meta: { title: '基础弹窗' },
     children: [
       {
-        path: 'dialog',
+        path: '/dialog',
         name: 'dialog',
         component: Dialog,
         meta: { title: '弹窗' },
       },
       {
-        path: 'NormalDialog',
+        path: '/NormalDialog',
         name: 'NormalDialog',
         component: NormalDialog,
         meta: { title: '遮罩层弹窗' },
@@ -94,7 +94,7 @@ export const routerMap = [
     meta: { title: '基础列表' },
     children: [
       {
-        path: 'table',
+        path: '/table',
         name: 'table',
         component: Table,
         meta: { title: '列表' },
@@ -104,7 +104,7 @@ export const routerMap = [
 ];
 
 export default new Router({
-  // mode: 'history',
+  mode: 'history',
   scrollBehavior: () => ({ y: 0 }),
   routes: routerMap,
 });

package.json

 {
   "name": "rym-element-ui",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "description": "任意门组件库",
   "main": "lib/rymUi.common.js",
   "scripts": {

src/assets/styles/element-ui.scss

@@ -46,6 +46,13 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
 .el-input__inner {
   background-color: #f6f6f6;
   border-color: #f6f6f6;
+  padding: 0 10px;
+}
+.el-input--suffix .el-input__inner {
+  padding-right: 20px;
+}
+.el-input__suffix {
+  right: 0;
 }
 .el-select .el-input .el-select__caret.is-reverse {
   color: $--color-primary;

src/components/SearchItem/SearchItem.vue

@@ -44,7 +44,7 @@ export default {
     width: 262px;
   }
   .filter-item-input---normal {
-    width: 114px;
+    width: 122px;
   }
   .filter-item-input---small {
     width: 150px;

src/index.js

@@ -10,7 +10,7 @@ import Table from './components/Table/index';
 import TableColumn from './components/TableColumn/index';
 import MessageBox from './components/MessageBox/index';
 import Dialog from './components/Dialog/index';
-import { Select, Option } from 'element-ui';
+import ElementUI from 'element-ui';
 import FormArea from './components/FormArea/index';
 import FormLine from './components/FormLine/index';
 import FormItem from './components/FormItem/index';
@@ -19,6 +19,7 @@ import Message from './components/Message/index';
 // import Button from './components/Button/index';
 
 const install = Vue => {
+  Vue.use(ElementUI);
   // Layout
   Vue.component(AppLayout.name, AppLayout);
   Vue.component(ListLayout.name, ListLayout);