微信小程序开发指南

基于ColorUI的组件化页面开发


多选窗口

<h1>多选窗口</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6547c67be05d7961594141737d532d12&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="cu-modal bottom-modal {{modalName=='ChooseModal'?'show':''}}" bindtap="hideModal"&gt; &lt;view class="cu-dialog" catchtap&gt; &lt;view class="cu-bar bg-white"&gt; &lt;view class="action text-blue" bindtap="hideModal"&gt;取消&lt;/view&gt; &lt;view class="action text-green" bindtap="hideModal"&gt;确定&lt;/view&gt; &lt;/view&gt; &lt;view class="grid col-3 padding-sm"&gt; &lt;view wx:for="{{checkbox}}" class="padding-xs" wx:key="{{index}}"&gt; &lt;button class="cu-btn orange lg block {{item.checked?'bg-orange':'line-orange'}}" bindtap="ChooseCheckbox" data-value="{{item.value}}"&gt; {{item.name}} &lt;view class="cu-tag sm round {{item.checked?'bg-white text-orange':'bg-orange'}}" wx:if="{{item.hot}}"&gt;HOT&lt;/view&gt; &lt;/button&gt; &lt;/view&gt; &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>

页面列表

ITEM_HTML