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

<!--pages/index/index.wxml-->
<view class="body" style="background-image: url({{imgPath}}/index-bg.png);">
    <view class="login-info">
        <view style="display: flex;">
            <view class="username">您好，{{username}}</view><text class="role-name">{{role_name}}</text>
        </view>
        <view class="app-bottom">{{app_bottom}}</view>
    </view>
</view>

<view class="next" style="background-image: url({{imgPath}}/index-next2.png);" wx:if="{{roleCode == 'GUEST'}}">
    <view class="line-row">热烈欢迎领导莅临指导</view>
    <!-- <image class="next-line" mode="scaleToFill" src="{{imgPath}}/index-next-line.png"></image> -->
    <view class="next-line"></view>
    <view class="next-row-org">重庆市城市管理局</view>
    <view class="next-row-time">{{nowTime}}</view>
</view>

<view class="second-part" wx:if="{{roleCode == 'GUEST'}}">
    <view class="curr-meeting" wx:if="{{hasNext}}" bindtap="meetingInfo">
        <view class="curr-time">{{nextTime}}</view>
        <view class="curr-row">
            <text class="row-title">单位：</text>
            <text class="row-value">{{nextUnit}}</text>
        </view>
        <view class="curr-row">
            <text class="row-title">主题：</text>
            <text class="row-value">{{nextTitle}}</text>
        </view>
    </view>
    <view class="bottmo-module">
        <view class="light" bindtap="visitAgenda">
            <image mode="scaleToFill" src="{{imgPath}}/index-light1.png"></image>
            <text>参观议程</text>
        </view>
        <view class="light" bindtap="uploadImage">
            <image mode="scaleToFill" src="{{imgPath}}/index-light2.png"></image>
            <text>图片回传</text>
        </view>
        <view class="light" bindtap="contentScreen">
            <image mode="scaleToFill" src="{{imgPath}}/index-light5.png"></image>
            <text>内容投屏</text>
        </view>
    </view>
    <view class="bottmo-module">
        <view class="light" bindtap="chatRoom">
            <image mode="scaleToFill" src="{{imgPath}}/index-light3.png"></image>
            <text>聊天室</text>
        </view>
        <view class="light" bindtap="lightMap">
            <image mode="scaleToFill" src="{{imgPath}}/index-light4.png"></image>
            <text>地图</text>
        </view>
        <view class="light" bindtap="fileBrowse">
            <image mode="scaleToFill" src="{{imgPath}}/index-light6.png"></image>
            <text>文件浏览</text>
        </view>
    </view>
</view>

<view class="next-meeting" style="background-image: url({{imgPath}}/index-next.png);" bindtap="meetingInfo" wx:if="{{roleCode == 'ADMIN' || roleCode == 'OPERATION'}}">
    <view class="next-title">
        <view class="line"></view>
        <text>下一场</text>
        <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 class="second-part" wx:if="{{roleCode == 'ADMIN'}}">
    <view class="inspection">
        <view class="inspection-left" style="background-image: url({{imgPath}}/index-inspection.png);" bindtap="dailyInspection">
            <image mode="scaleToFill" src="{{imgPath}}/index-inspection-in1.png"></image>
            <text>日常巡检</text>
        </view>
        <view class="inspection-right" style="background-image: url({{imgPath}}/index-inspection-right2.png);" bindtap="informationRelease">
            <image mode="scaleToFill" src="{{imgPath}}/index-inspection-in3.png"></image>
            <text>发布消息</text>
        </view>
    </view>

    <view class="bottmo-module">
        <view class="light" bindtap="meetingCover">
            <image mode="scaleToFill" src="{{imgPath}}/index-light7.png"></image>
            <text>分享海报</text>
        </view>
        <view class="light" bindtap="uploadImage">
            <image mode="scaleToFill" src="{{imgPath}}/index-light2.png"></image>
            <text>图片回传</text>
        </view>
        <view class="big" bindtap="contentScreen">
            <image mode="scaleToFill" src="{{imgPath}}/index-light5.png"></image>
            <text>内容投屏</text>
        </view>
    </view>
    <view class="bottmo-module bottom">
        <view class="light" bindtap="chatRoom">
            <image mode="scaleToFill" src="{{imgPath}}/index-light3.png"></image>
            <text>聊天室</text>
        </view>
        <view class="light" bindtap="faultHandle">
            <image mode="scaleToFill" src="{{imgPath}}/index-light8.png"></image>
            <text>故障处理</text>
        </view>
    </view>
</view>

<view class="second-part" wx:if="{{roleCode == 'OPERATION'}}">
    <view class="inspection">
        <view class="inspection-left" style="background-image: url({{imgPath}}/index-inspection.png);" bindtap="dailyInspection">
            <image mode="scaleToFill" 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="scaleToFill" src="{{imgPath}}/index-inspection-in2.png"></image>
            <text>参观巡检</text>
        </view>
    </view>

    <view class="bottmo-module">
        <view class="light" bindtap="visitAgenda">
            <image mode="scaleToFill" src="{{imgPath}}/index-light1.png"></image>
            <text>参观议程</text>
        </view>
        <view class="light" bindtap="uploadImage">
            <image mode="scaleToFill" src="{{imgPath}}/index-light2.png"></image>
            <text>图片回传</text>
        </view>
        <view class="light" bindtap="contentScreen">
            <image mode="scaleToFill" src="{{imgPath}}/index-light5.png"></image>
            <text>内容投屏</text>
        </view>
    </view>
    <view class="bottmo-module">
        <view class="light" bindtap="chatRoom">
            <image mode="scaleToFill" src="{{imgPath}}/index-light3.png"></image>
            <text>聊天室</text>
        </view>
        <view class="light" bindtap="lightMap">
            <image mode="scaleToFill" src="{{imgPath}}/index-light4.png"></image>
            <text>地图</text>
        </view>
        <view class="light" bindtap="faultHandle">
            <image mode="scaleToFill" src="{{imgPath}}/index-light8.png"></image>
            <text>故障处理</text>
        </view>
    </view>
</view>