插件制作进阶1-如何在插件中使用样式文件(css)

501771728   ·  1个月前   ·   插件开发手册

大家知道网页样式既可以把代码直接嵌入到html文件中使用,也可以制作一个独立的外部样式文件使用。


当我们在开发Catfish(鲶鱼) CMS的插件时,也是可以使用样式的。那么插件中要如何使用样式呢?


我们也有两种方法来使用样式:

一是将样式代码直接混合html代码写入插件文件(插件文件如何制作请参考本站相关文章);

二是将样式代码写入一个单独的文件中,然后在插件文件中引用这个样式文件。


很显然第二种方法会让代码显得更清楚和简洁,那么怎么来制作并使用样式文件呢?


我们以系统自带的公告插件为例,假设我们要给这个插件加一个样式文件。


大家知道一个最简单的插件可以只包含一个文件,如下图:


这个是我们熟悉的公告插件文件,现在我们想给这个公告插件加上一个外部样式文件,我们需要先建立一个文件夹,假设文件夹的名称我们定为“css”,那么这个公告插件现在看起来就是这样的:

然后我们在这个“css”文件夹中新建一个样式文件“announcement.css”,并且写入样式代码。样式代码如何写,在这里不再展开,可以参考相关资料。


接下去我们要做的工作就是在“Announcement.php”文件中使用这个样式文件,样式文件引用需要用到一个内置函数“$this->import('样式文件')”。就这个例子来说就是:$this->import('css/announcement.css')。把这个放在html代码的前面就可以了。实际例子中我们把它和html代码一起赋值给$data,然后通过内置函数add显示内容。


如果不用外部样式文件,那么可以直接将样式代码和html代码赋值给$data,这是用的第一种方法。当样式代码不是很复杂时可能这种方法更直观些。



---------
转载至 鲶鱼官方网站
版权声明
这里填写版权内容

本页地址:
一言:
0 Reply   |  Until 1个月前 | 60 View
LoginCan Publish Content
每日签到
0人
连续签到0天