epp/weixin-miniprogram/pages/index/index.wxml

<!--pages/index/index.wxml-->
<view>
  <image src="../../image/home.jpg" style="width: 100vw; height: 41.5vw;"></image>
  <view class="welcome-text">
    <text>欢迎你，{{ displayUsername }}！</text>
  </view>
  <view>
  </view>
  <view id="menu-view">
    <view class="menu-item" wx:for="{{ filterMenuItems }}" wx:for-item="menuItem" wx:key="id">
      <view class="{{ menuItem.addDot ? 'add-dot' : '' }}" style="display: inline-block;">
        <image src="../../image/icon/{{ menuItem.image }}" class="item-image" bindtap='switchTo' data-switchfunc="{{menuItem.switchFunc}}" data-pageurl="{{menuItem.url}}"></image>
      </view>
      <view>{{ menuItem.title }}</view>
    </view>
  </view>
  <button type="primary" size="mini" bindtap="toggleDot">切换小红点</button>
  <button type="warn" size="mini" bindtap="magicButton">扫描门禁</button>
  <text>调试信息：{{ debugText }}</text>
</view>