HeaderSlot标题
BodySlot
设置了HeaderSlot会替换掉HeaderText
需要设置TriggerSelector为触发器的选择器
HeaderSlot标题
BodySlot
设置了HeaderSlot会替换掉HeaderText
需要设置TriggerSelector为触发器的选择器
<Button id="qvTrigger1" Color="Color.Primary" @onclick="toggleShowLeft">
QuickView Left
</Button>
<Button id="qvTrigger2" Color="Color.Primary" @onclick="toggleShow">
QuickView Right
</Button>
<Quickview @ref="qv1" IsLeft TriggerSelector="#qvTrigger1" HeaderText="HeaderText标题">
<HeaderSlot>
HeaderSlot标题
</HeaderSlot>
<BodySlot>
<p>BodySlot</p>
<p>设置了HeaderSlot会替换掉HeaderText</p>
<p>需要设置TriggerSelector为触发器的选择器</p>
</BodySlot>
<FooterSlot>
这里是脚部,可以没有
</FooterSlot>
</Quickview>
<Quickview @ref="qv2" TriggerSelector="#qvTrigger2" HeaderText="HeaderText标题">
<HeaderSlot>
HeaderSlot标题
</HeaderSlot>
<BodySlot>
<p>BodySlot</p>
<p>设置了HeaderSlot会替换掉HeaderText</p>
<p>需要设置TriggerSelector为触发器的选择器</p>
</BodySlot>
<FooterSlot>
这里是脚部,可以没有
</FooterSlot>
</Quickview>
@code{
Quickview qv1;
Quickview qv2;
void toggleShow()
{
qv2.Toggle();
}
void toggleShowLeft()
{
qv1.Toggle();
}
}
文档