网站信息_GJ-UI前端组件

发布时间::2018-06-03 12:16:35 已收录 阅读:410次

将将下列html代码复制粘贴在html文件的相应位置即可(可参考组件附带index.html文件中相应的注释说明位置);

网站信息1[gj-user1]:

HTML代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-user" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-user1">
        <img src="images/logo.jpg" alt="">
        <div class="gli1">
            <h4>网站名称</h4>
            <i class="fa fa-vimeo-square" aria-hidden="true"></i>
            <h5>QQ:1007694939</h5>
        </div>
        <div class="gli2">
            <i class="fa fa-quote-left" aria-hidden="true"></i> 
            站长个人介绍部分,请在网站后台-系统管理-自定义配置-添加名称为“qianming”的配置!
            <i class="fa fa-quote-right" aria-hidden="true"></i>
        </div>
        <div class="gli3">
            <a href="javascript:(0)">
                <i class="fa fa-home" aria-hidden="true"></i> 网站首页
            </a>
            <a href="javascript:(0)" target="_blank">
                <i class="fa fa-weibo" aria-hidden="true"></i> 新浪微博
            </a>
        </div>
    </div>
</div>

YzmCMS代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-user" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-user1">
        <!--需要后台添加相应的自定义配置-->
        <img src="{$site[logo]}" alt="">
        <div class="gli1">
            <h4>{$site[site_name]}</h4>
            <i class="fa fa-vimeo-square" aria-hidden="true"></i>
            <!--需要后台添加相应的自定义配置-->
            <h5>QQ:{$site[qq]}</h5>
        </div>
        <div class="gli2">
            <i class="fa fa-quote-left" aria-hidden="true"></i> 
            站长个人介绍部分,请在网站后台-系统管理-自定义配置-添加名称为“qianming”的配置!
            <i class="fa fa-quote-right" aria-hidden="true"></i>
        </div>
        <div class="gli3">
            <a href="{$site[site_url]}">
                <i class="fa fa-home" aria-hidden="true"></i> 网站首页
            </a>
            <a href="javascript:(0)" target="_blank">
                <i class="fa fa-weibo" aria-hidden="true"></i> 新浪微博
            </a>
        </div>
    </div>
</div>

网站信息2[gj-user2]:

HTML代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-user" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-user2">
        <img class="tx" src="images/logo.jpg" alt="">
        <h4>网站名称</h4>
        <i class="fa fa-vimeo-square vip" aria-hidden="true"></i>
        <div class="gli1">
            <i class="fa fa-quote-left" aria-hidden="true"></i> 
            站长个人介绍部分,请在网站后台-系统管理-自定义配置-添加名称为“qianming”的配置!
            <i class="fa fa-quote-right" aria-hidden="true"></i>
        </div>
        <div class="gli2">
            <a href="javascript:(0)"><i class="fa fa-home" aria-hidden="true"></i></a>
            <a href="javascript:(0)" target="_blank"><i class="fa fa-weibo" aria-hidden="true"></i></a>
            <a class="ewm" href="javascript:(0)"><i class="fa fa-weixin" aria-hidden="true"></i>
            <img src="images/ewm.png" width="110" alt="weixin"></a>
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1007694939&amp;site=qq&amp;menu=yes" target="_blank">
            <i class="fa fa-qq" aria-hidden="true"></i>
            </a>
        </div>
    </div>
</div>

YzmCMS代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-user" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-user2">
        <!--需要后台添加相应的自定义配置-->
        <img class="tx" src="{$site[logo]}" alt="">
        <h4>{$site[site_name]}</h4>
        <i class="fa fa-vimeo-square vip" aria-hidden="true"></i>
        <div class="gli1">
            <i class="fa fa-quote-left" aria-hidden="true"></i> 
            站长个人介绍部分,请在网站后台-系统管理-自定义配置-添加名称为“qianming”的配置!
            <i class="fa fa-quote-right" aria-hidden="true"></i>
        </div>
        <div class="gli2">
            <a href="{$site[site_url]}"><i class="fa fa-home" aria-hidden="true"></i></a>
            <a href="javascript:(0)" target="_blank"><i class="fa fa-weibo" aria-hidden="true"></i></a>
            <a class="ewm" href="javascript:(0)"><i class="fa fa-weixin" aria-hidden="true"></i>
            <!--需要后台添加相应的自定义配置-->
            <img src="{$site[ewm]}" width="110" alt="weixin"></a>
            <!--需要后台添加相应的自定义配置-->
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin={$site[qq]}&amp;site=qq&amp;menu=yes" target="_blank">
            <i class="fa fa-qq" aria-hidden="true"></i>
            </a>
        </div>
    </div>
</div>

网站信息3[gj-user3]:

HTML代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-user" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-user3">
        <img src="images/gj-user3.jpg" alt="" class="gj-img">
        <div class="gli1">
            <img src="images/tx.jpg" alt="" class="tx">
            <img src="images/ewm.png" alt="" class="ewm">
            <h3>网站名称 <i class="fa fa-vimeo-square vip" aria-hidden="true"></i></h3>
            <p>扫描关注,了解本站最新资讯!</p>
        </div>
        <div class="gli2">
            <a href="javascript:(0)"><i class="fa fa-home" aria-hidden="true"></i> 网站首页</a>
            <a href="javascript:(0)" target="_blank"><i class="fa fa-weibo" aria-hidden="true"></i> 新浪微博</a>
        </div>
        <ul>
            <li><i class="fa fa-user" aria-hidden="true"> 联系人:</i>郭经理</li>
            <li><i class="fa fa-phone-square" aria-hidden="true"> 电话:</i>13766668888</li>
            <li><i class="fa fa-envelope" aria-hidden="true"> EMAIL:</i>wes668@foxmail.com</li>
            <li><i class="fa fa-map-marker" aria-hidden="true"> 地址:</i>湖南省衡阳市蒸湘区长湖峰镜</li>
        </ul>
    </div>
</div>

YzmCMS代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-user" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-user3">
        <!--需要后台添加相应的自定义配置-->
        <img src="{$site[user3]}" alt="" class="gj-img">
        <div class="gli1">
            <!--需要后台添加相应的自定义配置-->
            <img src="{$site[logo]}" alt="" class="tx">
            <img src="{$site[ewm]}" alt="" class="ewm">
            <h3>{$site[site_name]} <i class="fa fa-vimeo-square vip" aria-hidden="true"></i></h3>
            <p>扫描关注,了解本站最新资讯!</p>
        </div>
        <div class="gli2">
            <a href="{$site[site_url]}"><i class="fa fa-home" aria-hidden="true"></i> 网站首页</a>
            <a href="javascript:(0)" target="_blank"><i class="fa fa-weibo" aria-hidden="true"></i> 新浪微博</a>
        </div>
        <ul>
            <li><i class="fa fa-user" aria-hidden="true"> 联系人:</i>郭经理</li>
            <li><i class="fa fa-phone-square" aria-hidden="true"> 电话:</i>13766668888</li>
            <li><i class="fa fa-envelope" aria-hidden="true"> EMAIL:</i>wes668@foxmail.com</li>
            <li><i class="fa fa-map-marker" aria-hidden="true"> 地址:</i>湖南省衡阳市蒸湘区长湖峰镜</li>
        </ul>
    </div>
</div>


下一篇:已经是最后一篇