index.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <view class="page" data-weui-theme="{{theme}}">
  2. <view class="index">
  3. <view class="index-hd">
  4. <image class="index-logo" src="resources/kind/logo.png"></image>
  5. <view class="index-desc">以下将展示小程序官方组件能力,组件样式仅供参考,开发者可根据自身需求自定义组件样式,具体属性参数详见 <navigator url="pages/doc-web-view/doc-web-view" class="weui-agree__link">小程序开发文档</navigator>。</view>
  6. </view>
  7. <view class="index-bd">
  8. <view class="kind-list">
  9. <block wx:for-items="{{list}}" wx:key="{{item.id}}">
  10. <view class="kind-list-item">
  11. <view id="{{item.id}}" class="kind-list-item-hd {{item.open ? 'kind-list-item-hd-show' : ''}}" bindtap="kindToggle">
  12. <view class="kind-list-text">{{item.name}}</view>
  13. <image wx:if="{{theme === 'dark'}}" class="kind-list-img" src="resources/kind/{{item.id}}_dark.png"></image>
  14. <image wx:else class="kind-list-img" src="resources/kind/{{item.id}}.png"></image>
  15. </view>
  16. <view class="kind-list-item-bd {{item.open ? 'kind-list-item-bd-show' : ''}}">
  17. <view class="navigator-box {{item.open ? 'navigator-box-show' : ''}}">
  18. <block wx:for-items="{{item.pages}}" wx:for-item="page" wx:key="*item">
  19. <navigator wx:if="{{page.appid}}" target="miniProgram" open-type="navigate" app-id="{{page.appid}}" path="" extra-data="" version="release" class="navigator">
  20. <view class="navigator-text">{{page.name}}</view>
  21. <view class="navigator-arrow"></view>
  22. </navigator>
  23. <navigator wx:else url="/packageComponent/pages/{{item.id}}/{{page}}/{{page}}" class="navigator">
  24. <view class="navigator-text">{{page}}</view>
  25. <view class="navigator-arrow"></view>
  26. </navigator>
  27. </block>
  28. </view>
  29. </view>
  30. </view>
  31. </block>
  32. </view>
  33. </view>
  34. </view>
  35. </view>