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

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>

 

 

6、多看参考文档很多问题很轻松就解决了？

这个不显示已经选择的文件，其实非常不友好，

这个时候，当然是查看参考文档啦，里面啥子都有-_-

然后就很轻松的解决了

 

 

 

二、内容在总结中

 

项目地址

fry404006308/m_Orchestrate: m_Orchestrate
https://github.com/fry404006308/m_Orchestrate