当前位置:首页 - 随记

平常用到的但是记不住的thinphp6模板标签和css

发布时间:2019年02月19日 访问量:2582
后台设置权限需要单独设置 配置项 ALLOW_VISIT
11:file/ajaxFileUpload

htmlspecialchars

tinyint(4) UNSIGNED NOT NULL
-1:删除
0:禁用
1:正常

0:否
1:是

0:男
1:女

0:未审核
1:已审核

decimal(10,2) UNSIGNED NOT NULL

char(20) NOT NULL

【华北】北京市、天津市、河北省、山西省、内蒙古自治区
【东北】辽宁省、吉林省、黑龙江省
【华东】上海市、江苏省、浙江省、安徽省、福建省、江西省、山东省
【中南】河南省、湖北省、湖南省、广东省、广西壮族自治区、海南省
【西南】重庆市、四川省、贵州省、云南省、西藏自治区
【西北】陕西省、甘肃省、青海省、宁夏回族自治区、新疆维吾尔自治区
【港澳台】香港特别行政区、澳门特别行政区、台湾省

姓名
char(50)

手机
char(15)

订单编号:order_sn 
char(13)

<article:position name="list" cate="2" pos="4" limit="5" child="true" field="'id,title,cover_id'">
<li><a href="{:UU('Article/detail?id='.$list['id'])}"><img src="{$list.cover_id|get_cover='path'}" border="0" width="440" height="300" alt="{$list.title}"><span>{$list.title|newsubstr=0,26}</span></a></li>
</article:position>

<article:list name="list" category="$category['id']" row="$category['list_row']" child="true" field="'id,title,cover_id,category_id,create_time,description'">
 <a href="{:UU('Article/detail?id='.$list['id'])}" class="pic fl">
          <img src="{$list.cover_id|get_cover='path'}" border="0" alt="{$list.title}">
          </a>
          <div class="info">
            <span class="title"><a href="{:UU('Article/detail?id='.$list['id'])}">{$list.title|newsubstr=0,30}</a></span>
            <span class="desc">{$list.description|newsubstr=0,130}</span>
            <span class="date">{$list.create_time|date='Y-m-d',###}</span>
          </div>
          </a>
</article:list>

<article:position name="list" cate="$cat['id']" pos="4" limit="1" child="true" field="'id,title,cover_id,description'">
</article:position>

<php>
    $cat=get_category(2);
  </php>
<a href="{:UU('Article/lists?category='.$cat['id'])}" class="name">{$cat.title}</a>
<a href="{:UU('Article/lists?category='.$cat['id'])}" class="more">更多</a>
<php>
          $catechild=W('Category/getdata', array('cate'=>$cat['id'],'child'=>true));
        </php>
        <div id="category" class="hide wow">
          <volist name="catechild['category']" id="cate">
            <if condition="$i elt 4">
            <a href="{:UU('Article/lists?category='.$cate['id'])}" title="{$cate.title}">{$cate.title}</a>
            </if>
          </volist>
        </div>

//分页
if($count > $row){
    $page = new \Think\Page($count, $row);
    // $page->setConfig('theme','%FIRST% %UP_PAGE% %DOWN_PAGE% %END%');
    $page->setConfig('theme','%UP_PAGE% %DOWN_PAGE%');
    $page->setConfig('prev','上一页');
    $page->setConfig('next','下一页');
    // $page->setConfig('first','首页');
    // $page->setConfig('last','尾页');
    $this->assign('_page', $page->show());
}
if(is_mobile()){
  $page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%');
  $page->rollPage=1;
}else{
  $page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%');
}
//$page->setConfig('prev','上一页');
//$page->setConfig('next','下一页');
//$page->setConfig('first','首页');
//$page->setConfig('last','末页');

<if condition="!empty($info['canyin_imgs'])">
          <php>$imgs_arr=str2arr($info['canyin_imgs']);</php>
          <volist name="imgs_arr" id="vo">
          <php>
            $item++;
          </php>
          <if condition="$item elt 6">
          <li>
            <img src="{$vo|get_cover='path'}" data-src="{$vo|get_cover='path'}">
          </li>
          </if>
          </volist>
        </if>
<empty name="list['description']">
                  <p>{:newsubstr(get_document_content($list['id']),0,80)}</p>
                <else/>
                  <p>{$list.description|newsubstr=0,80}</p>
                </empty>
$('body').find(".topslideBox").slide({mainCell:".bd ul",effect:"leftLoop", delayTime:700,interTime:3000,autoPlay:true});


display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

自适应站 使用rem
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}

.container{width: auto; margin: 0 15px; padding: 0;}
@media (min-width: 640px){.container{margin: 0 6%;}}
@media (min-width: 1200px){.container{margin: 0 8%;}}
@media (min-width: 1600px){.container{margin: 0 9.375%;}}


html{font-size: 33.3333px;}
@media (min-width: 320px){html{font-size: 29.6296px;}}
@media (min-width: 360px){html{font-size: 33.3333px;}}
@media (min-width: 375px){html{font-size: 34.7222px;}}
@media (min-width: 384px){html{font-size: 35.5556px;}}
@media (min-width: 411px){html{font-size: 38.0556px;}}
@media (min-width: 412px){html{font-size: 38.1481px;}}
@media (min-width: 414px){html{font-size: 38.3333px;}}
@media (min-width: 425px){html{font-size: 39.3519px;}}
@media (min-width: 480px){html{font-size: 44.4444px;}}
@media (min-width: 600px){html{font-size: 55.5556px;}}
@media (min-width: 640px){html{font-size: 59.2593px;}}
@media (min-width: 768px){html{font-size: 71.1111px;}}
@media (min-width: 800px){html{font-size: 74.0741px;}}
@media (min-width: 834px){html{font-size: 77.2222px;}}
@media (min-width: 1024px){html{font-size: 94.8148px;}}


html{font-size: 48px;}
@media (min-width: 320px){html{font-size: 42.6667px;}}
@media (min-width: 360px){html{font-size: 48px;}}
@media (min-width: 375px){html{font-size: 50px;}}
@media (min-width: 384px){html{font-size: 51.2px;}}
@media (min-width: 411px){html{font-size: 54.8px;}}
@media (min-width: 412px){html{font-size: 54.9333px;}}
@media (min-width: 414px){html{font-size: 55.2px;}}
@media (min-width: 425px){html{font-size: 56.6667px;}}
@media (min-width: 480px){html{font-size: 64px;}}
@media (min-width: 600px){html{font-size: 80px;}}
@media (min-width: 640px){html{font-size: 85.333px;}}
@media (min-width: 750px){html{font-size: 100px;}}

html{font-size: 56.25px;}
@media (min-width: 320px){html{font-size: 50px;}}
@media (min-width: 360px){html{font-size: 56.25px;}}
@media (min-width: 375px){html{font-size: 58.59375px;}}
@media (min-width: 384px){html{font-size: 60px;}}
@media (min-width: 411px){html{font-size: 64.21875px;}}
@media (min-width: 412px){html{font-size: 64.375px;}}
@media (min-width: 414px){html{font-size: 64.6875px;}}
@media (min-width: 425px){html{font-size: 66.4px;}}
@media (min-width: 480px){html{font-size: 75px;}}
@media (min-width: 600px){html{font-size: 93.75px;}}
@media (min-width: 640px){html{font-size: 100px;}}

<a href="http://www.beian.miit.gov.cn/" rel="nofollow" target="_blank">

$the_host = $_SERVER['HTTP_HOST'];//取得当前域名
$the_url = isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : '';//判断地址后面部分
if($the_host == '**.net'){ 
  header('HTTP/1.1 301 Moved Permanently');//发出301头部 
  header('Location:http://www.**.net'.$the_url);//跳转到带www的网址 
}

{:get_qrcode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'],4)}


<php>
  $con=$list['description'];
  if(empty($con)){
    $con=get_document_content($list['id']);
  }
  //$con=htmlspecialchars_decode(str_replace("\r\n","<br />",$con));
</php>
<notempty name="con">
<div class="con">{:newsubstr($con,0,70)}</div>
</notempty>

<script src="__JS__/jquery.superslide.2.1.1.js" type="text/javascript"></script>
  <script type="text/javascript">
    jQuery(".i_slides").slide({mainCell:".slides_container ul",effect:"leftLoop",autoPlay:true,delayTime:700,interTime:5000});
  </script>


  <php>
  $list = D('Addons://Advs/Advs')->AdvsList(1);
</php>
<volist name="list.res" id="lo" key="k">
        <li>
            <a <if condition="!empty($lo['link'])"> href="{$lo.link|get_nav_url}" title="{$lo.title}" target="_blank"</if>>
                <img src="__ROOT__{$lo.path}" alt="{$lo.title}" />
            </a>
        </li>
      </volist>

{:hook('Advs','1')}
{:hook('Advs',array('id'=>'1','dis_tit'=>1,'order'=>'level desc,id asc'))}
tp6的广告调用(tp6版本的onethink的)
$AdvsModel=addons_model('Advs');
  $advlist = $AdvsModel->AdvsList(['order'=>'level desc,id asc','id'=>2]);
  if(!isset($advlist['res'])){
      $advlist['res']=[];
  }


  $cat_name_l=msubstr($cat['title'], 0, 2, 'utf-8', false);
    $cat_name_r=msubstr($cat['title'], 2, 20, 'utf-8', false);


<style type="text/css">
    .win_test{position: fixed;top:10px;left: 10px;border-radius: 5px;background:rgba(0,0,0,0.8);color:#fff;padding:5px 10px;z-index: 9999;line-height:1.2;}
</style>
<div class="win_test">
    <p>w:<span id="win_w"></span>px</p>
    <p>h:<span id="win_h"></span>px</p>
</div>
<script type="text/javascript">
    $(window).load(function(){
        var w=$(window).width();
        var h=$(window).height();
        $('#win_w').text(w);
        $('#win_h').text(h);
    });
</script>


.visible-xs 额外的小设备(小于 768px)可见
.visible-sm 小型设备(768 px 起)可见
.visible-md 中型设备(768 px 到 991 px)可见
.visible-lg 大型设备(992 px 及以上)可见
.hidden-xs  额外的小设备(小于 768px)隐藏
.hidden-sm  小型设备(768 px 起)隐藏
.hidden-md  中型设备(768 px 到 991 px)隐藏
.hidden-lg  大型设备(992 px 及以上)隐藏


.header .main_menu .top_search .text::-webkit-input-placeholder {color: #989898;}
.header .main_menu .top_search .text:-moz-placeholder {color: #989898;}
.header .main_menu .top_search .text::-moz-placeholder {color: #989898;}
.header .main_menu .top_search .text:-ms-input-placeholder {color: #989898;}

320
360
375
384
411
412
414
425
480
600
640
720
750
768
800
834
960
1024
1112
1280
1366
1440

@media screen and ( min-width: 399px){/*399px显示屏样式 三星galaxyNote*/}  
@media screen and ( min-width: 414px){/*414px显示屏样式 苹果6plus*/}  
@media screen and ( min-width: 423px){/*424px显示屏样式 LG 4X */}  
@media screen and ( min-width: 479px){/*480px显示屏样式 索尼MT27i Xperia sola*/}  
@media screen and ( min-width: 539px){/*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/}  
@media screen and ( min-width: 639px){/*640px显示屏样式*/}  
@media screen and ( min-width: 640px){/*640px以上显示屏样式*/}  


@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}


//$con="";
//$con=htmlspecialchars_decode(str_replace(" ","<br />",$con));
//$con_arr  = preg_split('/[;\r\n]+/s', $con);


@media and (min-width:1200px) { //>=1200px的设备 }  
@media and (min-width: 960px) and (max-width:1199px) {//<=1199px and >=960px的设备:PC端;}
@media and (min-width: 768px) and (max-width:959px) {//<=959px and >=768px的设备:PC端;}
@media and (min-width: 640px) and (max-width:767px) {//<=767px and >=640px的设备:平板端或者手机横屏;}
@media and (min-width: 480px) and (max-width:639px) {//<=639px and >=480px的设备:手机横屏;}
@media and (min-width: 320px) and (max-width:479px) {//<=479px and >=320px的设备:手机竖屏;}
@media and (min-width: 240px) and (max-width:319px) {//<=479px and >=320px的设备:手机竖屏;}
@media and (max-width:239px){//<=239px的设备:手机竖屏}


<php>
    $AdvsModel=addons_model('Advs');
    $advlist = $AdvsModel->AdvsList(['order'=>'level desc,id desc','id'=>1]);
    if(!isset($advlist['res'])){
        $advlist['res']=[
            [
                'link'=>'',
                'path'=>'__IMG__/cpm_02.jpg'
            ],
            [
                'link'=>'',
                'path'=>'__IMG__/banner1.jpg'
            ]
        ];
    }
</php>
<div class="i_banner i_banner_swiper_box">
    <div class="i_banner_swiper-container swiper-container">
        <div class="swiper-wrapper">
            <volist name="advlist.res" id="lo" key="k">
            <div class="swiper-slide">
                <div onclick="location.href='{$lo.link|get_nav_url|default='javascript:;'}'" class="banPcImg" style="background-image:url({$lo.path});cursor:pointer"></div>
            </div>
            </volist>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>

<article:position name="list" cate="$cat['id']" pos="4" limit="3" child="true" field="'id,title,cover_id,description'">
<div class="item">
    <a href="{:UU('Article/detail?id='.$list['id'])}">
        <div class="mBox3Img" style="background-image: url({$list.cover_id|get_cover='path'});">
            <img src="{$list.cover_id|get_cover='path'}" alt="">
        </div>
        <div class="mBox3Shadow"></div>
        <i class="mBox3_item_bg mBox3_item_bg1"></i>
        <i class="mBox3_item_bg mBox3_item_bg2"></i>
        <div class="mBox3Conbg">
            <div class="mBox3Con">
                <div class="tit">{$list.title|newsubstr=0,14}</div>
                <div class="desc">{$list.description|newsubstr=0,12}</div>
                <div class="more">view more</div>
            </div>
        </div>
    </a>
</div>
</article:position>

<article:list name="list" category="$cat['id']" row="3" child="true" field="'id,title,cover_id,category_id,create_time,description'">
<php>
    $con=$list['description'];
    if(empty($con)){
        $con=get_document_content($list['id']);
    }
    if( $i % 2 == 0){
        $class="even";
    }else{
        $class="";
    }
</php>
<div class="item {$class}">
    <div class="pic_box">
    <div class="mBox4Img" style="background-image: url({$list.cover_id|get_cover='path'});">
        <img src="{$list.cover_id|get_cover='path'}" alt="">
    </div>
    </div>
    <div class="mBox4Conbg">
        <div class="mBox4Con">
            <div class="icon"></div>
            <div class="tit">{$list.title}</div>
            <div class="desc">{$con|newsubstr=0,130|raw}</div>
            <a href="{:UU('Article/detail?id='.$list['id'])}" class="more">view more</a>
        </div>
    </div>
</div>
</article:list>

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);/*兼容ie8及以下*/

    background: rgba(0,64,152,0.6);
    background: rgb(0,64,152)\9;
    background: rgba(0,64,152,0.6)\9\0;

//////////////////////
    transform: translate(80px,80px);
    opacity: 0;
    transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0.2s;
-------------------------------
    transform: none;
    opacity: 1;

///////////////////////////////////////

clip: rect(0 100vw 100vh 0);


.goBack{display: block;position: absolute;top: 0;left: 0;width:1rem;height: 1rem;z-index: 1000;}

.left_jiantou{width:0.5rem;height:0.5rem;position:absolute;left:50%;top:50%;z-index: 2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.left_jiantou:after{position: absolute;content: "";left:50%;top: 50%;width: 0.2rem;height: 0.2rem;background: none;border: 0.03rem solid transparent;border-top-color:#444;border-left-color:#444;border-radius: 0.02rem 0 0;-webkit-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box;
    box-sizing: content-box; 
}

.top_goback{position: fixed;top: 0.2rem;left:0.2rem;width: 0.6rem;height:0.6rem;z-index: 10000;background: rgba(0,0,0,0.5);border-radius: 50%;}
.top_goback .goBack{position: relative;width:100%;height: 100%;margin-left: 0.05rem;}
.top_goback .goBack .left_jiantou:after{border-left-color: #fff;border-top-color: #fff;width: 0.15rem;height: 0.15rem;}



/*
 *  Scroll Bar Style
 */
 .LN-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border-style: solid;
    border-color: #AEAEAE;
    border-width: 1px;
    background-color: #F2F2F2;
}
 
 .LN-content::-webkit-scrollbar-track
 {
   /*The track where the scroll bar is on top off */
   background: linear-gradient(to right, 
      #fff 45%, #AEAEAE 45% 55%, #fff 55%);
 }
 
 .LN-content::-webkit-scrollbar
 {
     width: 10px;
 }
/*滤镜 模糊*/
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);