带IF-ELSE语句的ORACLE APEX引导CSS

Question

我知道css不支持if-else语句。如果我的值为

CSS代码：

.信用卡柜台{

盒子阴影：2px 2px 10px#DADADA；

保证金：5px；

填充：20px 10px；

背景色：#fff；

高度：100px；

边界半径：5px；

过渡：.3s线性所有；

}

卡计数器：悬停{

盒子阴影：4px 4px 20px#DADADA；

过渡：.3s线性所有；

}

.信用卡柜台。成功{

背景色：#66bb6a；

颜色：#FFF；

}

卡计数器

font-size： 5em；

不透明度：0.2；

}

卡片计数器

位置：绝对；

右： 35px；

顶部：20px；

font-size： 32px；

显示：块；

}

.信用卡柜台。计数细节{

位置：绝对；

右： 35px；

顶部： 50px；

字体样式：斜体；

文本转换：大写；

不透明度：0.5；

显示：块；

字号：18px；

}

.信用卡柜台。计数名称{

位置：绝对；

右： 35px；

顶部：65px；

字体样式：斜体；

文本转换：大写；

不透明度：0.5；

显示：块；

font-size： 17px；

}

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<div class="container">
<div class="row">

<div class="col-md-3">
      <div class="card-counter success">
        <i class="fa fa-calendar fa-3x fam-clock fam-is-info fa-lg"></i>
        <span class="count-numbers"><a href="f?p=&APP_ID.:3008:&APP_SESSION." style="color: white">&CURRENT_SESSIONS. - 
        &CONFIRMED_AMOUNTS.€</a></span>
        <span class="count-detail">Weekly</span>
        <span class="count-name"><a href="f?p=&APP_ID.:3008:&APP_SESSION." style="color: white">Open<p>Sessions</a></span>
      </div>
    </div>

current_sessionsql代码：

select count(CLIENTS.ID) as QTY
 from SESSIONS SESSIONS,
    CLIENTS CLIENTS 
 where SESSIONS.CLIENTS_ID=CLIENTS.ID 
 and SESSIONS.STATUS =1
 and to_char(SESSIONS.SESSION_DATE, 'MM-DD-YYYY') between to_char(trunc(CURRENT_TIMESTAMP, 'iw'), 'MM-DD-YYYY') 
 and to_char(trunc(CURRENT_TIMESTAMP, 'iw')+6, 'MM-DD-YYYY')

Answer 1

您可以通过查询而不是css的其他几种方式来完成它。这可能会更容易。

方法1：在查询中使用项目CURRENT\u SESSIONS，以便只获取需要为CURRENT\u SESSIONS的当前值显示的行。你没有提供你的数据，所以很难给你一个例子。如果你想知道怎么做，请告诉我。

方法2：将此列添加到报表查询中

       CASE
        WHEN :CURRENT_SESSIONS != 0
        THEN 'block'
        ELSE 'none'
       END  show_current_sessions,

现在，当需要显示卡片时，报表中有一列字符串“block”，当需要隐藏卡片时有一列字符串“none”。在html表达式或报告列html表达式的链接文本属性中使用此值（根据需要调整）：

但是，如果不使用查询作为区域源，则上述方法不适用。在这种情况下，您可以使用css变量。

• 创建一个页面项目P1\u显示当前会话（根据您的方便更改页码）。在页面属性中，在css下添加以下css

:root {
  --display: &P1_SHOW_CURRENT_SESSIONS.;
}
.showhide {
  display:var(--display);
}

>

在P1_SHOW_CURRENT_SESSIONS上添加一个前标题计算，如果CURRENT_SESSIONS为0，则返回无，如果为0，则返回块

在互动程序上，添加css类showhide。