index.wxml 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <view class="page" data-weui-theme="{{theme}}">
  2. <!-- <view class="page__hd page-weui-large">
  3. <view class="page__title__large">扩展能力</view>
  4. <view class="page__desc">扩展组件是对小程序内置组件能力的补充,包括一些常见的功能组件。</view>
  5. </view> -->
  6. <view class="index-hd">
  7. <image class="index-logo" src="./images/logo_extended.png"></image>
  8. <view class="index-desc">以下是对小程序内置组件能力的补充,包括 WeUI 组件库和一些常见的功能组件,具体属性参数详见 <navigator url="/page/component/pages/doc-web-view/doc-web-view" class="weui-agree__link">小程序开发文档</navigator>。</view>
  9. </view>
  10. <!-- <view class="page__hd page-weui">
  11. <view class="page__title">WeUI</view>
  12. </view> -->
  13. <view class="page__bd page-weui page__bd_spacing">
  14. <view class="kind-list">
  15. <block wx:for="{{list}}" wx:key="id">
  16. <view class="kind-list__item">
  17. <view id="{{item.id}}" class="weui-flex kind-list__item-hd {{item.open ? 'kind-list__item-hd_show' : ''}}" bindtap="kindToggle">
  18. <view class="weui-flex__item">{{item.name}}</view>
  19. <image class="kind-list__img" src="images/icon_nav_{{item.id}}.png"></image>
  20. </view>
  21. <view class="kind-list__item-bd {{item.open ? 'kind-list__item-bd_show' : ''}}">
  22. <view class="weui-cells {{item.open ? 'weui-cells_show' : ''}}">
  23. <block wx:for="{{item.pages}}" wx:for-item="page" wx:key="*this">
  24. <navigator wx:if="{{page.url}}" url="../../packageExtend/pages/{{page.url}}" class="weui-cell weui-cell_access">
  25. <view class="weui-cell__bd">{{page.zh}}</view>
  26. <view class="weui-cell__ft weui-cell__ft_in-access"></view>
  27. </navigator>
  28. <navigator wx:else url="../../packageExtend/pages/{{item.father}}/{{page}}/{{page}}" class="weui-cell weui-cell_access">
  29. <view class="weui-cell__bd">{{page}}</view>
  30. <view class="weui-cell__ft weui-cell__ft_in-access"></view>
  31. </navigator>
  32. </block>
  33. </view>
  34. </view>
  35. </view>
  36. </block>
  37. </view>
  38. </view>
  39. <view class="page__ft">
  40. <!-- <image bindtap="themeToggle" src="images/icon_footer.png" style="width: 84px; height: 19px;"></image> -->
  41. </view>
  42. </view>