duidui_mini_program/pages/index/index.wxml

<view class="container" id="time-mo">
    <!-- <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
        <block wx:for="{{movies}}" wx:for-index="index" wx:key="index">
            <swiper-item>
                <image src="{{baseurl+item.image}}" class="slide-image" mode="aspectFill" id="{{item.productid}}" bindtap="picsclick" />
            </swiper-item>
        </block>
    </swiper> -->

    <!-- 左右布局容器 -->
    <view class="layout-container">
        <!-- 左侧主内容区域 (3/4 宽度) -->
        <view class="main-content-area">
            <!-- 可滑动的小方块容器 -->
            <scroll-view 
                class="blocks-container" 
                scroll-x="true" 
                scroll-with-animation="true"
                show-scrollbar="false">
                <view class="block-item" wx:for="{{blockItems}}" wx:key="id" bindtap="onBlockClick" data-id="{{item.id}}">
                    <view class="block-icon">
                        <!-- <image src="../../img/footerpic.png" mode="aspectFit"></image> -->
                        <image src="{{item.icon}}" mode="aspectFit"></image>
                    </view>
                    <text class="block-text">{{item.name}}</text>
                    <text class="block-desc" wx:if="{{item.description}}">{{item.description}}</text>
                </view>
            </scroll-view>
        </view>

        <!-- 右侧功能按钮区域 (1/4 宽度) -->
        <view class="function-buttons">
            <!-- 打卡与营入口按钮 -->
            <view class="function-btn checkin-btn" bindtap="onCheckinClick">
                <view class="btn-icon">
                    <image src="https://ndnd.duiduiedu.com/uploads/pics/target-icon.png" mode="aspectFit"></image>
                </view>
                <text class="btn-text">打卡</text>
                <text class="btn-arrow">></text>
            </view>

            <!-- 直播按钮 -->
            <view class="function-btn live-btn" bindtap="onLiveClick">
                <view class="btn-icon">
                    <image src="https://ndnd.duiduiedu.com/uploads/pics/camera-icon.png" mode="aspectFit"></image>
                </view>
                <text class="btn-text">直播</text>
                <text class="btn-arrow">></text>
            </view>
        </view>
    </view>

    <block wx:if="{{livesdata!=null}}">
        <!-- 视频号直播 -->
        <view class="zhibocss" wx:if="{{isdisplay==1}}">
            <view class="item1">
                <image src="{{baseurl+livesdata.liveimage}}"></image>
            </view>
            <view class="item2">
                <image src="{{baseurl+livesdata.headimage}}"></image>
            </view>
            <view class="item3">
                <view class="itemhead">
                    <h2>{{livesdata.name}}</h2>
                </view>
                <view class="itemmiddle">
                    <view class="itemmiddleleft">
                        <image src="https://ndnd.duiduiedu.com/uploads/pics/middleleft.png"></image><text>{{livesdata.author}}</text>
                    </view>
                    <view class="itemmiddleright">
                        <image src="https://ndnd.duiduiedu.com/uploads/pics/middleright.png"></image><text>{{livesdata.times}}</text>
                    </view>
                </view>
                <view class="itemend">
                    <text>{{livesdata.intro}}</text>
                </view>
            </view>
            <view class="item4" bindtap="livelistclick" id="1">
                <image src="https://ndnd.duiduiedu.com/uploads/pics/rightitem.png"></image>
            </view>
        </view>
    </block>
    <!-- 视频号直播 -->

    <view class="cardgongneng">
        <view class="cardgongneng2">
            <image src="https://ndnd.duiduiedu.com/uploads/pics/jp01.png" bindtap="livelistclick"></image>
            <image src="https://ndnd.duiduiedu.com/uploads/pics/jp02.png" bindtap="resclick"></image>
            <image src="https://ndnd.duiduiedu.com/uploads/pics/jp03.png"  bindtap="messageclick" ></image>
            <image src="https://ndnd.duiduiedu.com/uploads/pics/jp04.png"></image>
        </view>
        <!-- 新增功能方块 -->


    </view>

    <!-- 课程学习 -->
    <view class="curriculum">
        <view class="curriculumup">
            <view class="curriculumupstart">
                <scroll-view class="scroll-box" scroll-x scroll-with-animation scroll-into-view="{{toView}}" bindtouchstart="touchStart" bindtouchend="touchEnd">
                    <view wx:for="{{list}}" wx:key="item" class="card-box" id="{{index}}">
                        <view class="card" id="{{item.id}}" bindtap="touchecard">
                            <image wx:if="{{active==item.id}}" src="{{baseurl+item.itmeurlactiveimage}}"></image>
                            <image wx:else src="{{baseurl+item.itmeurlimage}}"></image>
                        </view>
                    </view>
                </scroll-view>
            </view>
            <view class="curriculumupend">
                <!-- <image src="https://ndnd.duiduiedu.com/uploads/pics/caradd.png" bindtap="cardaddclick"></image> -->
            </view>
        </view>
    </view>
    <block wx:for="{{onelist}}" wx:key="item">
        <view class="parentclass" bind:tap="checkclassshow" id="{{item.id}}">
            <view class="parentimage" >
                <image src="{{baseurl+item.itmeurlimage}}"></image>
            </view>
            <view class="curriculumdown">
                <view class="curriculumitem" wx:for="{{item.itemdatatwo}}" wx:key="item">
                    <view class="downup">
                        <image src="{{baseurl+item.itemimage}}" bindtap="courselearningclick" id="{{item.id}}"></image>
                    </view>
                    <view class="downdown">
                        <text>{{item.name}}</text>
                    </view>
                </view>
            </view>
        </view>
    </block>
    <!-- 课程学习 -->
    <view class="challenge" wx:if="{{challengeactive==1}}" style="display: none;">
        <view class="challengeleft" bindtap="challengeclickleft" id='1'>
            <image src="https://ndnd.duiduiedu.com/uploads/pics/challengeleft.png"></image>
        </view>
        <view class="challengeright" bindtap="challengeclickleft" id='2'>
            <image src="https://ndnd.duiduiedu.com/uploads/pics/challengeright.png"></image>
        </view>
    </view>

    <view class="challenge2" wx:else   style="display: none;">
        <view class="challenge2left" bindtap="challengeclickleft" id='1'>
            <image src="https://ndnd.duiduiedu.com/uploads/pics/challenge2left.png"></image>
        </view>
        <view class="challenge2right" bindtap="challengeclickleft" id='2'>
            <image src="https://ndnd.duiduiedu.com/uploads/pics/challenge2right.png"></image>
        </view>
    </view>
</view>