PHP p2made\helpers FA::i示例

示例#1

文件： _navigation-left.php 项目： p2made/yii2-sb-admin-theme

<?php

/**
 * navigation-left.php
 *
 * @copyright Copyright &copy; Pedro Plowman, https://github.com/p2made, 2016
 * @author Pedro Plowman
 * @package p2made/yii2-sb-admin-theme
 * @license MIT
 */
use yii\bootstrap\Html;
use yii\helpers\Url;
use yii\bootstrap\Nav;
use yii\bootstrap\ActiveForm;
use p2made\helpers\FA;
$arrowIcon = FA::i('arrow')->tag('span');
?>
<section class="navbar-default sidebar" role="navigation">
	<div class="sidebar-nav navbar-collapse">
		<ul class="nav" id="side-menu">
			<li class="sidebar-search">
				<div class="input-group custom-search-form">
					<input type="text" class="form-control" placeholder="Search...">
					<span class="input-group-btn">
						<button class="btn btn-default" type="button">
							<i class="fa fa-search"></i>
						</button>
					</span>
				</div>
			</li>
			<li><?php 

示例#2

文件： index.php 项目： p2made/yii2-sb-admin-theme

 14 mins ago</small>
								</div>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
								</p>
							</div>
						</li>
						<li class="right clearfix">
							<span class="chat-img pull-right">
								<img src="http://placehold.it/50/FA6F57/fff" alt="User Avatar" class="img-circle" />
							</span>
							<div class="chat-body clearfix">
								<div class="header">
									<small class=" text-muted">
										<?php 
echo FA::i('clock-o fa-fw');
?>
 15 mins ago</small>
									<strong class="pull-right primary-font">Bhaumik Patel</strong>
								</div>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
								</p>
							</div>
						</li>
					</ul>
				</div>
				<!-- /.panel-body -->
				<div class="panel-footer">
					<div class="input-group">
						<input id="btn-input" type="text" class="form-control input-sm" placeholder="Type your message here..." />

示例#3

文件： flag-icon-css.php 项目： p2made/yii2-p2y2-things-demo

$sizes = [FI::SIZE_LARGE, FI::SIZE_SMALL, FI::SIZE_XSMALL];
$inlineItems = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'p class="lead"'];
$intro = 'au';
$wrappers = array('col-lg-3 col-md-4 col-sm-4 col-xs-6', 'col-lg-3 col-md-4 col-sm-4 col-xs-6', 'col-lg-3 col-md-4 col-sm-4 col-xs-3', 'col-lg-3 col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3 hidden-xs', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3 visible-lg');
/**
 * End of demo data
 */
?>
<div class="site-index">
	<?php 
echo Breadcrumbs::widget(['links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : []]);
?>

	<div class="jumbotron">
		<h1><?php 
echo FA::i('flag') . ' ' . Html::encode($this->title);
?>
</h1>

		<p>SVG flags &amp; CSS from <a href="https://lipis.github.io/flag-icon-css/" target="_blank">flag-icon-css<?php 
echo FA::icon(FA::_EXTERNAL_LINK);
?>
</a> as Yii 2 assets &amp; helpers.</p>
	</div>

	<div class="body-content">

		<p>
			Here is <a href="https://lipis.github.io/flag-icon-css/" target="_blank">flag-icon-css <?php 
echo FA::icon(FA::_EXTERNAL_LINK);
?>

示例#4

文件： font-awesome.php 项目： p2made/yii2-sb-admin-theme

?>
">
				<div class="panel panel-info">
					<div class="panel-heading"><?php 
echo $group['title'];
?>
</div>
					<div class="panel-body">
						<div class="row">
						<?php 
foreach ($icons as $icon) {
    ?>
							<div class="fa-hover col-md-3">
								<p>
									<?php 
    echo FA::i($icon)->fixedWidth();
    ?>
									<?php 
    echo Html::encode('FA::i(\'' . $icon . '\')');
    ?>
<br>
								</p>
							</div>
						<?php 
}
?>
						</div>
					</div>
				</div>
			</section>

示例#5

文件： font-awesome-examples.php 项目： p2made/yii2-sb-admin-theme

								<span class="input-group-addon"><?php 
echo FA::fw(FA::_KEY);
?>
</span>
								<input class="form-control" type="password" placeholder="Password">
							</div>
						</div><br>
						<div class="margin-bottom">
							<div class="btn-group">
								<a class="btn btn-primary" href="#"><?php 
echo FA::fw(FA::_USER);
?>
 User</a>
								<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
									<?php 
echo FA::i(FA::_CARET_DOWN)->tag('span');
?>
</a>
								<ul class="dropdown-menu">
									<li><a href="#"><?php 
echo FA::fw(FA::_PENCIL);
?>
 Edit</a></li>
									<li><a href="#"><?php 
echo FA::fw(FA::_TRASH_O);
?>
 Delete</a></li>
									<li><a href="#"><?php 
echo FA::fw(FA::_BAN);
?>
 Ban</a></li>

示例#6

文件： font-awesome-examples.php 项目： p2made/yii2-p2y2-things-demo

					</p>
					<p>
						<?php 
echo FA::i('p2m-cad');
?>
						<code>FA::i('p2m-cad')</code>
					</p>
					<p>
						<?php 
echo FA::i('p2m-nzd');
?>
						<code>FA::i('p2m-nzd')</code>
					</p>
					<p>
						<?php 
echo FA::i('p2m-usd');
?>
						<code>FA::i('p2m-usd')</code>
					</p>

				</div>
				<div class="col-md-8 col-sm-7">
					<div class="alert alert-success">
						<ul class="fa-ul">
							<li>
								<?php 
echo FA::fw(FA::_INFO_CIRCLE)->li()->size(FA::SIZE_LARGE);
?>
								<em>p2made extra</em><br>
								If you load my <code>FontAwesomeAsset</code> by using <code>P2CoreAsset</code>, then a some extra classes give country specific dollar icons. It's a bit of an experiment, the font isn't ideal, &amp; the resulting icons are wider than <code>fa-fw</code>, so <code>fw()</code> doesn't work well (&amp; is probably best avoided).
							</li>