承接 izica/php-styles 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

izica/php-styles

Composer 安装命令:

composer require izica/php-styles

包简介

inline css styles generator(conditions support)

README 文档

README

composer require izica/php-styles

Usage

generate inline tag style

    $sStyles = (new PhpStylesInline())->opacity(0, $sContact == '')->render();
    or
    $sStyles = styles(true)->opacity(0, $sContact == '')->render();
    or
    $sStyles = styles()->inline->opacity(0, $sContact == '')->render();

insert style

    <div <?=$sStyles?>>
        <?=$sContact;?>
    </div>

generate style with class(class styles supports media query)

    $sClassname = (new PhpStyles())->media(0, 1024)->opacity(0, $sContact == '')->render();
    or
    $sClassname = styles()->media(0, 1024)->opacity(0, $sContact == '')->render();
    or
    $sClassname = styles()
        ->name('contact-images')
        ->media(0, 1024)
        ->set('display', 'flex'),
        ->set('align-items', 'center', $itemsCount > 4),
        ->set('align-items', 'flex-start', $itemsCount <= 4),
        ->set('color', '#ccc')
        ->opacity(0, $sContact == '')
        ->render();

insert style

    <div class="<?=$sClassname?>">
        <?=$sContact;?>
    </div>

Documentation

  • styles() - returns PhpStyles
  • styles(true) - returns PhpStylesInline
  • PhpStyles
    • inline() - returns PhpStylesInline
    • media(sizeFrom: number, sizeTo: number)
    • set(key: string, value: string or number, condition: bool(not required)) - returns $this(if condition == false, not set)
    • render(condition: bool(not required))- returns unique class name(if condition == false, returns empty string)
    • opacity(value, condition(not required))
    • name(className: string)
  • PhpStylesInline
    • set(key: string, value: string or number, condition: bool(not required)) - returns $this(if condition == false, not set)
    • render(condition: bool(not required))- returns unique class name(if condition == false, returns empty string)
    • opacity(value, condition(not required))

统计信息

  • 总下载量: 43
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 1
  • 点击次数: 0
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 1
  • Watchers: 1
  • Forks: 0
  • 开发语言: PHP

其他信息

  • 授权协议: MIT
  • 更新时间: 2018-06-17

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固