如果语句覆盖div

时间:2016-06-08 04:53:35

标签: javascript php css function

我有一个包含多个项目的视图。其中一些正在运行,一些则没有 在函数中,如果传递截止日期,它将在视图上输出“days”作为零。 (所以这是非运行的项目)它们在运行项目的视图中仍然可见。但是当然,正在运行的项目会显示(例如)剩余24天或其他内容。

现在我想做什么:如果项目截止日期已过,输出为'0',我想在div上创建一个模糊的图层。

我有以下功能:

function get_all_open_designments($now) {

    $this->db->where('active', 1);
    $this->db->where('deleted !=', '1');
    $this->db->order_by('date_to', 'DESC');
    $designments = $this->db->get('designments')->result_array();
    foreach ($designments as &$designment_info) {
        $designment_info['image'] = self::get_image_for_designment($designment_info['designment_id']);
        $designment_info['count_joined'] = self::get_users_count_joined_by_id($designment_info['designment_id']);
        $designment_info['count_ideas'] = self::get_users_count_ideas_by_id($designment_info['designment_id']);
        $date_to = $designment_info['date_to'];
        $diff = $date_to - $now;
        $days = round($diff / 86400);
        $time_left = $days . ' days';
        if($days <= 0){
             $days = 0;


            $time_left = $days . ' days';


            }

        $designment_info['time_left'] = $time_left;

    }
    return $designments;
}

如果'days'为'0',那么有没有办法在那里放置一个模糊层。

下面的代码是视图的代码:

<script type="text/x-mustache" id="designment_template">
<div class="designment_view item">
<ul class="box-div bg-white shadow">
{{#image}}
<li>
<img width="302" src="{{image}}"/>
</li>
{{/image}}
<li class="p15 orange ff-b" style="font-size: 21px">
{{title}}
</li>
<li class="p15 black ff-l" style="font-size: 14px">
{{small_description}}
</li>
<li class="h45 black tc ff-l f14">
<dl class="clearfix bg-lightgrey user-dash-dl tc">
<dd class="fl br-1 lh36" style="width:74px" title="Cash reward for selected idea">
<p class="f11 ff-l lh12 pt33 reward"></p>
<p class="ff-m f12">{{reward}}</p>
</dd>
<dd class="fl br-1 lh36" style="width:74px" title="Amount of days left until the deadline">
<p class="f11 ff-l lh12 pt33 timeleft"></p>
<p class="ff-m f12">{{time_left}}</p>
</dd>
<dd class="fl br-1 lh36" style="width:74px" title="Amount of joined designers">
<p class="f11 ff-l lh12 pt33 joinedpeople"></p>
<p class="ff-m f12">{{people}}</p>
</dd>
<dd class="fl lh36" style="width:74px" title="Amount of uploaded ideas">
<p class="f11 ff-l lh12 pt33 ideascount"></p> 
<p class="ff-m f12">{{idea}}</p> 
<!-- mous over-->
</dd>
</dl>
</li>
{{#joined}}
<a class="joined" data-id="{{id}}" data-url="<?= site_url('app/dashboard/id') ?>/{{id}}">
<li class="btn-designment clearfix h45 tc orange ff-b f14 lh45" style="cursor: pointer;">
<div class="designment-arrow"></div>
{{/joined}}
{{^joined}}
<a class="joinable" data-id="{{id}}" data-url="<?= site_url('app/dashboard/id') ?>/{{id}}">
<li class="btn-designment clearfix h45 tc orange ff-b f14 lh45" style="cursor: pointer;">
<div class="designment-join-arrow"></div>
{{/joined}}
</li>
</a>
</ul>
</div>

1 个答案:

答案 0 :(得分:1)

您需要处理多种事情。

  • 您必须将$days作为单个参数从控制器传递到视图。
  • 添加条件以检查main div是否为0,如果 是然后在主div中添加一个空白div。
  • blank divmin div添加适当的样式。
    • 将相对位置设为blank blurry div,将绝对位置设为import datetime stringDate = "June 6, 2016, 11" dateObject = datetime.datetime.strptime(stringDate, "%B %d, %Y, %H") print dateObject **Output : 2016-06-06 11:00:00** 。根据需要应用样式。