light-application/light-application-wx/pages/index/index.wxml

<!--pages/index/index.wxml-->
<view class="container" style="height: 50%;background-image: url({{imgPath}}/index-bg.png);">
    <view class="login-info">
        <text>你好，{{username}}</text><text class="role-name" bindtap="changeRole">{{role_name}}</text>
        <view class="app-bottom">{{app_bottom}}</view>
    </view>

    <view class="next" style="background-image: url({{imgPath}}/index-next.png);" bindtap="meetingInfo">
        <view class="line-row">
            <view class="line"></view>
            <span>下一场</span>
            <view class="line"></view>
        </view>
        <view class="next-row">
            <text class="next-title">参观主题：</text>
            <text class="next-content">{{nextTitle}}</text>
        </view>
        <view class="next-row">
            <text class="next-title">参观时间：</text>
            <text class="next-content">{{nextTime}}</text>
        </view>
        <view class="next-row">
            <text class="next-title">参观单位：</text>
            <text class="next-content">{{nextUnit}}</text>
        </view>
    </view>
</view>
<view class="second-part">
    <view class="inspection">
        <view class="inspection-left" style="background-image: url({{imgPath}}/index-inspection.png);" bindtap="dailyInspection">
            <image mode="heightFix" src="{{imgPath}}/index-inspection-in1.png"></image>
            <text>日常巡检</text>
        </view>
        <view class="inspection-right" style="background-image: url({{imgPath}}/index-inspection-right.png);" bindtap="meetingInspection">
            <image mode="heightFix" src="{{imgPath}}/index-inspection-in2.png"></image>
            <text>参观巡检</text>
        </view>
    </view>
    <view class="bottmo-module">
        <view class="light" bindtap="visitAgenda">
            <image mode="heightFix" src="{{imgPath}}/index-light1.png"></image>
            <text>参观议程</text>
        </view>
        <view class="light" bindtap="uploadImage">
            <image mode="heightFix" src="{{imgPath}}/index-light2.png"></image>
            <text>图片回传</text>
        </view>
        <view class="big">
            <image mode="heightFix" src="{{imgPath}}/index-light5.png"></image>
            <text>内容投屏</text>
        </view>
    </view>
    <view class="bottmo-module bottom">
        <view class="light" bindtap="chatRoom">
            <image mode="heightFix" src="{{imgPath}}/index-light3.png"></image>
            <text>聊天室</text>
        </view>
        <view class="light" bindtap="lightMap">
            <image mode="heightFix" src="{{imgPath}}/index-light4.png"></image>
            <text>地图</text>
        </view>
    </view>
</view>