用户

用户

    <div class="page-content">
         <ul>
             <li><a href="javascript:;" class="link_item">
                 <div class="item">
                     <div class="item_left">
                         <img style="width:80px;height:80px;" src="imgs/t1.jpeg">
                     </div>
                     <div class="item_img_center">
                         <div class="item-content">
 	                        	<div class="item-content-text">
 	                        		<div class="item-content-title"><span class="blue">我的车辆</span>&nbsp;&nbsp;<span class="orange">费用200元</span></div>
 	                        		<div class="item-content-sub-title"><span style="font-size: 14px;font-weight: 100;">载重量:15吨 | 超出:16元/公里</span></div>
 	                        </div>
                         </div>
                     </div>
                 </div>
             </a></li>
         </ul>
    </div>
    <div class="split-range"></div>
 	<div class="page-content bg_white">
 		<ul class="block-btn">
 			<li class="width-50">
 				<a href="javascript:;" class="middle middle_vertical">
 					<div class="block-icon bg_orange2"><i class="icon ion-ios-paper white middle" style="font-size: 25px;padding-top: 5px;"></i></div>
 					<div class="block-title">
 						<span>我的订单</span>
 						<p class="orange2">120</p>
 					</div>
 				</a>
 			</li>
 			<li class="width-50">
 				<a href="javascript:;" class="middle middle_vertical">
 					<div class="block-icon bg_red2"><i class="icon ion-ios-people white middle" style="font-size: 25px;padding-top: 5px;"></i></div>
 					<div class="block-title">
 						<span>我的账户</span>
 						<p class="red">120</p>
 					</div>
 				</a>
 			</li>
 		</ul>
 		<ul class="block-btn">
 			<li class="width-50">
 				<a href="javascript:;" class="middle middle_vertical">
 					<div class="block-icon bg_violet"><i class="icon ion-ios-recording white middle" style="font-size: 25px;padding-top: 5px;"></i></div>
 					<div class="block-title">
 						<span>我的评价</span>
 						<p class="radio_badge">120</p>
 					</div>
 				</a>
 			</li>
 			<li class="width-50">
 				<a href="javascript:;" class="middle middle_vertical">
 					<div class="block-icon bg_blue2"><i class="icon ion-android-map white middle" style="font-size: 25px;padding-top: 5px;"></i></div>
 					<div class="block-title">
 						<span>我银行卡</span>
 						<p class="blue">120</p>
 					</div>
 				</a>
 			</li>
 		</ul>
 	</div>
    <div class="split-range"></div>
 	<div class="page-content">
 		<ul>
 			<li>
 				<a href="javascript:;" class="link_item">
 					<div class="item">
 						<div class="item_center item_icon_right">
 							<div class="item-content">操作指南</div>
 						</div>
 					</div>
 				</a>
 			</li>
 			<li>
 				<a href="javascript:;" class="link_item">
 					<div class="item">
 						<div class="item_center item_icon_right">
 							<div class="item-content">服务标准</div>
 						</div>
 					</div>
 				</a>
 			</li>
 			<li>
 				<a href="javascript:;" class="link_item">
 					<div class="item">
 						<div class="item_center item_icon_right">
 							<div class="item-content">常见问题</div>
 						</div>
 					</div>
 				</a>
 			</li>
 			<li>
 				<a href="javascript:;" class="link_item">
 					<div class="item">
 						<div class="item_center item_icon_right">
 							<div class="item-content">收费标准</div>
 						</div>
 					</div>
 				</a>
 			</li>
 			<li>
 				<a href="javascript:;" class="link_item">
 					<div class="item">
 						<div class="item_center item_icon_right">
 							<div class="item-content">本月榜单</div>
 						</div>
 					</div>
 				</a>
 			</li>
 			<li>
 				<a href="javascript:;" class="link_item">
 					<div class="item">
 						<div class="item_center item_icon_right">
 							<div class="item-content">系统设置</div>
 						</div>
 					</div>
 				</a>
 			</li>
 		</ul>
 	</div>

缓存

缓存

缓存框架为持久化缓存。从功能上分为数据缓存和页面缓存。 1.缓存数据:通过t.cache.data类来对缓存数据进行操作。此类方法分为set设置 get获取 del删除。

    t.cache.data.set("data_id", {id: 11});  //设置缓存数据
    //获取缓存数据
    t.cache.data.get("data_id", function(data){
        if(data && data.result){
            //data.result为缓存数据,即id为data.result.id
        }
    });
    //删除缓存数据
    t.cache.data.del("data_id");

2.缓存页面:通过t.cache.page类,对当前页面进行缓存。 设置页面缓存

    t.onJump = function(){
        t.cache.page.set();  //当页面跳转到下一页前缓存页面。
    }

    //获取页面缓存,页面缓存即用即清理。
    t.cache.page.get(function(){
        //这里为获取缓存并渲染完毕后触发
    });

过滤器

过滤器

过滤器概念与其他语言相似。 先把filter.js放在与tui.js同级目录下,filter.js说明如下。

    window.filters = function (){
    	return [{after_filter: function(){
    		t.parameter("form", t("form").serialize());
    		return true;
    	}, only: ["chafeng_new.html"]}];
    	/**
    	 * 过滤器配置,
    	 */
    	/*return [{before_filter: function(){
    	        	alert("没有权限");
    	        	return false;
    	        }, only: ["index.html"]}];       //过滤器before_filter, after_filter, only: ["index.html","about.html"]只过滤某些文件,except: ["index.html","about.html"]排除某些文件all: true过滤所有,过滤文件夹only_dir: [], except_dir: []
    	*/
    }