1 line
5.6 KiB
Plaintext
1 line
5.6 KiB
Plaintext
<view class="container"><uni-card wx:if="{{a}}" u-s="{{['d']}}" u-i="39c7bf42-0" bind:__l="__l" u-p="{{a}}"><text class="uni-h6">宫格组件主要使用场景如：商品推荐列表、热门内容等</text></uni-card><uni-section wx:if="{{f}}" u-s="{{['d']}}" u-i="39c7bf42-1" bind:__l="__l" u-p="{{f}}"><uni-grid wx:if="{{e}}" u-s="{{['d']}}" bindchange="{{d}}" u-i="39c7bf42-2,39c7bf42-1" bind:__l="__l" u-p="{{e}}"><uni-grid-item wx:for="{{b}}" wx:for-item="item" wx:key="b" u-s="{{['d']}}" u-i="{{item.c}}" bind:__l="__l" u-p="{{item.d}}"><view class="grid-item-box" style="background-color:#fff"><uni-icons wx:if="{{c}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{c}}"/><text class="text">文本信息</text></view></uni-grid-item></uni-grid></uni-section><uni-section wx:if="{{k}}" u-s="{{['d']}}" u-i="39c7bf42-5" bind:__l="__l" u-p="{{k}}"><uni-grid wx:if="{{j}}" u-s="{{['d']}}" bindchange="{{i}}" u-i="39c7bf42-6,39c7bf42-5" bind:__l="__l" u-p="{{j}}"><uni-grid-item wx:for="{{g}}" wx:for-item="item" wx:key="b" u-s="{{['d']}}" u-i="{{item.c}}" bind:__l="__l" u-p="{{item.d}}"><view class="grid-item-box" style="background-color:#fff"><uni-icons wx:if="{{h}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{h}}"/><text class="text">文本信息</text></view></uni-grid-item></uni-grid></uni-section><uni-section wx:if="{{v}}" u-s="{{['d']}}" u-i="39c7bf42-9" bind:__l="__l" u-p="{{v}}"><swiper class="swiper" indicator-dots="{{true}}"><swiper-item><uni-grid wx:if="{{n}}" u-s="{{['d']}}" bindchange="{{m}}" u-i="39c7bf42-10,39c7bf42-9" bind:__l="__l" u-p="{{n}}"><uni-grid-item wx:for="{{l}}" wx:for-item="item" wx:key="c" u-s="{{['d']}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"><view class="grid-item-box"><image src="{{item.a}}" class="image" mode="aspectFill"/><text class="text">{{item.b}}</text></view></uni-grid-item></uni-grid></swiper-item><swiper-item><uni-grid wx:if="{{q}}" u-s="{{['d']}}" bindchange="{{p}}" u-i="39c7bf42-12,39c7bf42-9" bind:__l="__l" u-p="{{q}}"><uni-grid-item wx:for="{{o}}" wx:for-item="item" wx:key="c" u-s="{{['d']}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"><view class="grid-item-box"><image src="{{item.a}}" class="image" mode="aspectFill"/><text class="text">{{item.b}}</text></view></uni-grid-item></uni-grid></swiper-item><swiper-item><uni-grid wx:if="{{t}}" u-s="{{['d']}}" bindchange="{{s}}" u-i="39c7bf42-14,39c7bf42-9" bind:__l="__l" u-p="{{t}}"><uni-grid-item wx:for="{{r}}" wx:for-item="item" wx:key="c" u-s="{{['d']}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"><view class="grid-item-box"><image src="{{item.a}}" class="image" mode="aspectFill"/><text class="text">{{item.b}}</text></view></uni-grid-item></uni-grid></swiper-item></swiper></uni-section><uni-section wx:if="{{C}}" u-s="{{['d']}}" u-i="39c7bf42-16" bind:__l="__l" u-p="{{C}}"><view class="grid-dynamic-box"><uni-grid wx:if="{{y}}" u-s="{{['d']}}" bindchange="{{x}}" u-i="39c7bf42-17,39c7bf42-16" bind:__l="__l" u-p="{{y}}"><uni-grid-item wx:for="{{w}}" wx:for-item="item" wx:key="d" u-s="{{['d']}}" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"><view class="grid-item-box" style="{{'background-color:' + item.c}}"><image src="{{item.a}}" class="image" mode="aspectFill"/><text class="text">{{item.b}}</text></view></uni-grid-item></uni-grid></view><button type="primary" bindtap="{{z}}">点击添加一个宫格</button><button wx:if="{{A}}" type="primary" style="margin-top:15px" bindtap="{{B}}">点击删除一个宫格</button></uni-section><uni-section wx:if="{{G}}" u-s="{{['d']}}" u-i="39c7bf42-19" bind:__l="__l" u-p="{{G}}"><uni-grid wx:if="{{F}}" u-s="{{['d']}}" bindchange="{{E}}" u-i="39c7bf42-20,39c7bf42-19" bind:__l="__l" u-p="{{F}}"><uni-grid-item wx:for="{{D}}" wx:for-item="item" wx:key="f" u-s="{{['d']}}" u-i="{{item.g}}" bind:__l="__l" u-p="{{item.h}}"><view class="grid-item-box"><image class="image" src="{{item.a}}" mode="aspectFill"/><text class="text">{{item.b}}</text><view wx:if="{{item.c}}" class="grid-dot"><uni-badge wx:if="{{item.e}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"/></view></view></uni-grid-item></uni-grid></uni-section><uni-section wx:if="{{K}}" u-s="{{['d']}}" u-i="39c7bf42-23" bind:__l="__l" u-p="{{K}}"><uni-grid wx:if="{{J}}" u-s="{{['d']}}" bindchange="{{I}}" u-i="39c7bf42-24,39c7bf42-23" bind:__l="__l" u-p="{{J}}"><uni-grid-item wx:for="{{H}}" wx:for-item="item" wx:key="c" u-s="{{['d']}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"><view class="grid-item-box"><image src="{{item.a}}" class="image" mode="aspectFill"/><text class="text">{{item.b}}</text></view></uni-grid-item></uni-grid></uni-section><uni-section wx:if="{{R}}" u-s="{{['d']}}" u-i="39c7bf42-26" bind:__l="__l" u-p="{{R}}"><uni-grid wx:if="{{Q}}" u-s="{{['d']}}" bindchange="{{P}}" u-i="39c7bf42-27,39c7bf42-26" bind:__l="__l" u-p="{{Q}}"><uni-grid-item wx:if="{{L}}" u-s="{{['d']}}" u-i="39c7bf42-28,39c7bf42-27" bind:__l="__l" u-p="{{L}}"><view class="grid-item-box"><image class="image" src="/static/c1.png" mode="aspectFill"/></view></uni-grid-item><uni-grid-item wx:if="{{M}}" u-s="{{['d']}}" u-i="39c7bf42-29,39c7bf42-27" bind:__l="__l" u-p="{{M}}"><view class="grid-item-box"><image class="image" src="/static/c2.png" mode="aspectFill"/></view></uni-grid-item><uni-grid-item wx:if="{{N}}" u-s="{{['d']}}" u-i="39c7bf42-30,39c7bf42-27" bind:__l="__l" u-p="{{N}}"><view class="grid-item-box"><image class="image" src="/static/c3.png" mode="aspectFill"/></view></uni-grid-item><uni-grid-item wx:if="{{O}}" u-s="{{['d']}}" u-i="39c7bf42-31,39c7bf42-27" bind:__l="__l" u-p="{{O}}"><view class="grid-item-box"><image class="image" src="/static/c4.png" mode="aspectFill"/></view></uni-grid-item></uni-grid></uni-section></view> |