m_Orchestrate learning system---四、多看参考文档很多事情很轻松就解决了

最新推荐文章于 2024-10-04 13:34:26 发布

weixin_34116110

最新推荐文章于 2024-10-04 13:34:26 发布

阅读量87

点赞数

文章标签： ui php

原文链接：http://www.cnblogs.com/Renyi-Fan/p/8916025.html

版权

m_Orchestrate learning system---四、多看参考文档很多事情很轻松就解决了

一、总结

一句话总结：多看参考文档啊

1、面包屑导航如何实现？

1 <ol class="am-breadcrumb"> 2 <li><a href="#" class="am-icon-home">Teacher home</a></li> 3 <li><a href="#">Amaze UI CSS</a></li> 4 <li class="am-active">文字列表</li> 5 </ol>

2、方形布局如何实现？

amaze ui这种图片布局

 1 <div class="am-g">  2 <div class="tpl-table-images">  3 <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">  4 <div class="tpl-table-images-content">  5 <div class="tpl-table-images-content-i-time">发布时间：2016-09-12</div>  6 <div class="tpl-i-title">  7  Air  8 </div>  9 <a href="{:url('project/lst')}" class="tpl-table-images-content-i"> 10 <div class="tpl-table-images-content-i-info"> 11 <span class="ico"> 12 <img src="__TEACHER__/assets/img/user02.png" alt="">追逐 13 </span> 14 15 </div> 16 <span class="tpl-table-images-content-i-shadow"></span> 17 <img src="__TEACHER__/assets/img/a1.png" alt="" > 18 </a> 19 <div class="tpl-table-images-content-block"> 20 <div class="tpl-i-font"> 21  Explore the air of Hong Kong. 22 </div> 23 <div class="tpl-i-more"> 24 <ul> 25 <li><span class="am-icon-qq am-text-warning"> 100+</span></li> 26 <li><span class="am-icon-weixin am-text-success"> 235+</span></li> 27 <li><span class="am-icon-github font-green"> 600+</span></li> 28 </ul> 29 </div> 30 <div class="am-btn-toolbar"> 31 <div class="am-btn-group am-btn-group-xs tpl-edit-content-btn"> 32 <button type="button" class="am-btn am-btn-default am-btn-success"><span class="am-icon-plus"></span> 新增</button> 33 <button type="button" class="am-btn am-btn-default am-btn-secondary"><span class="am-icon-edit"></span> 编辑</button> 34 <button type="button" class="am-btn am-btn-default am-btn-warning"><span class="am-icon-archive"></span> 审核</button> 35 <button type="button" class="am-btn am-btn-default am-btn-danger"><span class="am-icon-trash-o"></span> 删除</button> 36 </div> 37 </div> 38 </div> 39 </div> 40 </div>

3、amazeui事件插件时间选择效果？

1 <div class="am-form-group"> 2 <label for="user-email" class="am-u-sm-3 am-form-label">发布时间 <span class="tpl-form-line-small-title">Time</span></label> 3 <div class="am-u-sm-9"> 4 <input type="text" class="am-form-field tpl-form-no-bg" placeholder="发布时间" data-am-datepicker="" readonly/> 5 <small>* 必填</small> 6 </div> 7 </div>

4、thinkphp绝对路径？

入口文件index.php中

define('SITE_URL', 'http://127.0.0.1:81/personalBlog')

模块的配置文件中

 1 <?php
 2 return [
 3 // 视图输出字符串内容替换  4 'view_replace_str' => [  5 '__PUBLIC__'=>SITE_URL.'/public/static/index',  6 '__IMG__'=>SITE_URL.'/public/static/',  7 ],  8 // 默认跳转页面对应的模板文件  9 'dispatch_success_tmpl' => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl', 10 'dispatch_error_tmpl' => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl', 11 ];

5、看清楚标签的包含关系？

为什么这个东西显示不了文字呢，因为就是一个button啊

 1 <div class="am-form-group">  2 <label for="user-weibo" class="am-u-sm-3 am-form-label">缩略图 <span class="tpl-form-line-small-title">Images</span></label>  3 <div class="am-u-sm-9">  4 <div class="am-form-group am-form-file">  5 <div class="tpl-form-file-img">  6 <img src="" alt="">  7 </div>  8 <button type="button" class="am-btn am-btn-danger am-btn-sm">  9 <i class="am-icon-cloud-upload"></i> 添加缩略图</button> 10 <input id="doc-form-file" type="file" placeholder="asdsad" multiple> 11 </div> 12 </div> 13 </div>