引入css文件

css('css文件名')

版本更新内容
1.2.1支持指定模块,支持指定具体的css路径

引入模块css文件,文件名不用添加.css后缀

  1. return ZBuilder::make('form')
  2. ->css('test')
  3. ->fetch();

表示引入模块中的test.css

模块的css文件放在:public\static\模块名称\css\

如果需要引入多个css文件,可以用逗号隔开

  1. return ZBuilder::make('form')
  2. ->css('test1,test2')
  3. ->fetch();

也可以传入数组

  1. return ZBuilder::make('form')
  2. ->css(['test1', 'test2'])
  3. ->fetch();

指定其他模块

从1.2.1开始,支持指定模块

  1. return ZBuilder::make('form')
  2. ->css('test', 'common')
  3. ->fetch();

则表示引入:/public/static/common/css/test.css

指定css路径

从1.2.1开始,支持指定具体的css路径,所有css均位于static目录下。

  1. return ZBuilder::make('form')
  2. ->css('libs/bootstrap-colorpicker/bootstrap-colorpicker')
  3. ->fetch();

表示引入/public/static/libs/bootstrap-colorpicker/bootstrap-colorpicker.css

注意,这里的路径不能以“/”开头,并且无需填写“.css”后缀,以下是错误示例。

  1. return ZBuilder::make('form')
  2. ->css('/libs/bootstrap-colorpicker/bootstrap-colorpicker')
  3. ->fetch();

或者

  1. return ZBuilder::make('form')
  2. ->css('libs/bootstrap-colorpicker/bootstrap-colorpicker.css')
  3. ->fetch();

以上写法都是错的。

指定js路径和没有指定css路径可以混用

  1. return ZBuilder::make('form')
  2. ->css('test,libs/bootstrap-colorpicker/bootstrap-colorpicker.css')
  3. ->fetch();

表示引入

/public/static/模块名/css/test.css

/public/static/libs/bootstrap-colorpicker/bootstrap-colorpicker.css

如果指定了模块,则指定css路径的不受影响

  1. return ZBuilder::make('form')
  2. ->css('test,libs/bootstrap-colorpicker/bootstrap-colorpicker.css', 'common')
  3. ->fetch();

表示引入

/public/static/common/css/test.css

/public/static/libs/bootstrap-colorpicker/bootstrap-colorpicker.css