更新 Grid From 定义方式，去除数组包裹

Author: SmallRuralDog

docs/form.md

@@ -6,10 +6,10 @@
 
 ``` php
 $form = new Form(new User());
-$form->items([
-    $form->item('username', '用户名')->displayComponent(Input::make()->prefixIcon('el-icon-eleme')),
-    $form->item('status', '状态')->displayComponent(Slider::make(15))
-]);
+
+$form->item('username', '用户名')->component(Input::make()->prefixIcon('el-icon-eleme'));
+$form->item('status', '状态')->component(Slider::make(15));
+
 return $form;
 ```
 

docs/grid.md

@@ -532,7 +532,7 @@ $column->help('帮助内容');
 使用示例
 
 ```php
-$column->displayComponent(Tag::make()->size("mini")->type("info"));
+$column->component(Tag::make()->size("mini")->type("info"));
 ```
 
 

public/fonts/vendor/view-design/dist/styles/ionicons.svg

@@ -1,20 +1,14 @@
+![logo](./docs/README.assets/logo-1584436939847.png)
 
-![laravel-vue-admin-logo](./docs/README.assets/logo-1584436939847.png)
-
-Laravel-Vue-Admin 是一个开箱即用的Laravel后台扩展，前后端分离，后端控制前端组件，前端使用ElementUI
-
-
-
- [中文文档](https://smallruraldog.github.io/laravel-vue-admin/#/)
-
+Laravel-Vue-Admin 是一个开箱即用的Laravel后台扩展
 
 ## 安装
 首先确保安装好了laravel，并且数据库连接设置正确。
 
 ``` bash
 composer require smallruraldog/laravel-vue-admin
-
 ```
+
 然后运行下面的命令来发布资源：
 ``` bash
 php artisan vendor:publish --provider="SmallRuralDog\Admin\AdminServiceProvider"
@@ -25,6 +19,89 @@ php artisan vendor:publish --provider="SmallRuralDog\Admin\AdminServiceProvider"
 php artisan admin:install
 ```
 启动服务后，在浏览器打开 `/admin` ,使用用户名 admin 和密码 admin登录.
+## 开始使用
+下面是一个简单使用的代码示例
+
+
+创建资源控制器 继承`AdminController`，并实现`AdminResource`
+
+```php
+use SmallRuralDog\Admin\Controllers\AdminController;
+use SmallRuralDog\Admin\Controllers\AdminResource;
+
+class GroupBuyController extends AdminController implements AdminResource
+{
+
+    //表格定义
+    public function grid()
+    {
+        $grid = new Grid(new GroupBuyGoods());
+        $grid->column('goodsSku.image')->align("center")->component(Image::make()->size(50, 50));
+        $grid->column('goodsSku.name');
+        $grid->column('group_buy_number')->width(90)->align('center');
+        $grid->column('group_buy_price')->width(90)->align('center')->itemPrefix("￥");
+        $grid->column('start_time')->width(190);
+        $grid->column('end_time')->width(190);
+        return $grid;
+    }
+
+    //表单定义
+    public function form($isEdit = false)
+    {
+        $form = new Form(new GroupBuyGoods());
+        $form->item('name');
+        $form->item('group_buy_number')->required()->component(InputNumber::make(2)->min(2));
+        $form->item('group_buy_price')->required()->component(InputNumber::make()->precision(2));
+        $form->item('start_time')->required()->component(DateTimePicker::make());
+        $form->item('end_time')->required()->component(DateTimePicker::make());
+        return $form;
+    }
+}
+```
+注册路由
+```php
+ $router->resource('GroupBu', 'GroupBuyController');
+```
+添加菜单，菜单的Uri和注册的路由`GroupBu`一样
+
+## 版本升级
+
+### 查看当前版本
+```bash
+composer show smallruraldog/laravel-vue-admin
+```
+### 更新到最新版
+```bash
+composer require smallruraldog/laravel-vue-admin
+```
+### 更新到开发版
+```bash
+composer require smallruraldog/laravel-vue-admin:dev-master
+```
+### 注意事项
+由于每个版本的静态资源或者语言包都有可能会有更新，所以升级版本之后最好运行下面的命令
+```bash
+// 强制发布静态资源文件
+php artisan vendor:publish --tag=laravel-vue-admin-assets --force
+
+// 强制发布语言包文件
+php artisan vendor:publish --tag=laravel-vue-admin-lang --force
+
+// 清理视图缓存
+php artisan view:clear
+```
+最后不要忘记清理浏览器缓存
+
+
+
+# 交流
+
+![image-20200313103804881](./docs/README.assets/image-20200313103804881.png)
+
+# 打赏
+
+如果你觉得 Laravel-Vue-Admin 节省了你的开发时间，让你少加班，让你能更早的回家陪女友或者打游戏，能让你更快速的挣到钱，那么请支持我，让我能继续的将 Laravel-Vue-Admin 做好，做下去！
+
+
 
-## 说明
-项目正在开发中，欢迎体验吐槽
+![image-20200313112129545](./docs/README.assets/image-20200313112129545.png)