[FE] uni-app Card 卡片组件 uni-card 用法
<p><img src="https://img2020.cnblogs.com/blog/598639/202106/598639-20210602014748656-2054077387.jpg"></p><p> </p>
<p>使用 uni-card 和其它组件没有什么区别，关注支持的属性和事件即可。</p>
<p> </p>
<p>对于属性，需要特别注意值的类型，比如不要把非字符串的当做字符串处理。</p>
<p> </p>
<p>举例，如下 is-full 需要 Boolean 类型，但是我们使用了字符串。</p>
<div class="cnblogs_code">
<pre> <uni-<span style="color: rgba(0, 0, 0, 1)">card
is</span>-full="true"<span style="color: rgba(0, 0, 0, 1)">
:is</span>-shadow="true"<span style="color: rgba(0, 0, 0, 1)">
note</span>="精华"<span style="color: rgba(0, 0, 0, 1)">
@click</span>="hot()"
><span style="color: rgba(0, 0, 0, 1)">
精华
</span></uni-card></pre>
</div>
<p>Vue 会给出类似提醒：: Invalid prop: type check failed for prop "isFull". Expected Boolean, got String with value "true".</p>
<p> </p>
<p>我们需要这样写，:is-full="true"，或者把 true 给一个变量也是类似作用。 </p>
<p> </p>
<p> uni-app Grid 宫格组件 uni-grid 用法 </p>
<p>Link：https://www.cnblogs.com/farwish/p/13861354.html</p><br><br>
来源：https://www.cnblogs.com/farwish/p/13861354.html
頁:
[1]