yelaixiang/pages/index/exhibitDetails/details.wxml

<view class="details">
    <view class="title" style="padding-top:{{navTop}}px;">
        <view class="titles">展品详情</view>
        <view class="back" style="top:{{navTop +5}}px;" bindtap="navigateBack">
            <image src="https://www.icelook.cn/exhibition/images/icon/backBlack.png" mode=""></image>
        </view>
    </view>
    <view class="detailsbox" style="padding-top:{{navTop}}px;">
        <view class="cover">
            <view wx:if="{{exhibitsDetails.imgUrl.length == 0}}">
                <image src="https://www.icelook.cn/exhibition/images/icon/imgs1.png" mode=""/>
            </view>
            <swiper class="swiper" indicator-dots="{{false}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" style="height: 500rpx;" wx:elif="{{exhibitsDetails.imgUrl.length == 1}}"> 
                <block wx:for="{{exhibitsDetails.imgUrl}}" wx:key="index" wx:for-item="item" >
                    <swiper-item>
                        <view class="images">
                            <image src="{{item.url}}" mode="aspectFit" data-url='{{item.url}}' bindtap="showBanner"/>
                            <view class="mark" 
                                wx:for="{{item.mark}}" 
                                wx:key="indexs" 
                                wx:for-item="items" 
                                wx:for-index="indexs"
                                style="left:{{items.x}}rpx;top:{{items.y}}rpx;" 
                                bindtap="markClick" 
                                data-music="{{items.markIn}}">
                                <span wx:if="{{items.markin}}">{{items.markin}}</span>
                                <span wx:else>标记{{indexs+1}}</span>
                            </view>
                        </view>
                    </swiper-item>
                </block>
            </swiper>
            <swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" style="height: 500rpx;" wx:else> 
                <block wx:for="{{exhibitsDetails.imgUrl}}" wx:key="index" wx:for-item="item" >
                    <swiper-item>
                        <view class="images">
                            <image src="{{item.url}}" mode="aspectFit" data-url='{{item.url}}' bindtap="showBanner"/>
                            <view class="mark" 
                                wx:for="{{item.mark}}" 
                                wx:key="indexs" 
                                wx:for-item="items" 
                                wx:for-index="indexs"
                                style="left:{{items.x}}rpx;top:{{items.y}}rpx;" 
                                bindtap="markClick" 
                                data-music="{{items.markIn}}">
                                <span wx:if="{{items.markin}}">{{items.markin}}</span>
                                <span wx:else>标记{{indexs+1}}</span>
                            </view>
                        </view>
                    </swiper-item>
                </block>
            </swiper>
            
            <!-- wx:if="{{voiceNull}}"  -->
            <view class="voiceimg" bindtap="voiceAudio" wx:if="{{!isDisabled}}">
                <image src="https://www.icelook.cn/exhibition/images/icon/voice.png" mode=""/>
                <span>全文讲解</span>
            </view>
            <view class="button">
                <image src="https://www.icelook.cn/exhibition/images/icon/img.png" mode="" wx:if="{{imgNull}}" data-value="图片" bindtap="goimg"></image>
                <image src="https://www.icelook.cn/exhibition/images/icon/video.png" mode="" wx:if="{{videoNull}}" data-value="视频" bindtap="govideo"></image>
                <image src="https://www.icelook.cn/exhibition/images/icon/3d.png" mode="" wx:if="{{threeNull}}" bindtap="threeD"></image>
            </view>
        </view>
        <view class="info">
            <view class="info_title">
                <text>{{exhibitsDetails.name}}</text>
                <span class="collect" bindtap="collect" wx:if="{{ifcollect}}"><image src="https://www.icelook.cn/exhibition/images/icon/collect.png"></image>收藏</span>
                <span class="nocollect" bindtap="nocollect" wx:else><image src="https://www.icelook.cn/exhibition/images/icon/nocollect.png"></image>取消收藏</span>
            </view>
            <!-- <view class="intro">展品信息</view> -->
            <!-- <view class="info1">年代：{{exhibitsDetails.year || '未知'}}</view> -->
            <!-- <view class="info1">尺寸：直径23.9厘米</view>
            <view class="info1">出土：1955年河南省洛阳市唐墓出土</view> -->
            <view class="intro">展品介绍</view>
            <view class="text">{{exhibitsDetails.content || '暂无介绍'}}</view>
            <view class='audioPlayer' wx:if="{{ifShow}}">
                <view class="close" bindtap="closeMusic">
                    <image src="https://www.icelook.cn/exhibition/images/icon/close1.png" mode=""/>
                </view>
                <view class='bottom'>
                    <!-- 按钮 -->
                    <view class="playPouse" catchtap='playAudio'>
                        <view wx:if="{{isPlayAudio}}">
                            <image src='https://www.icelook.cn/exhibition/images/icon/play.png' />
                        </view>
                        <view wx:else>
                            <image src='https://www.icelook.cn/exhibition/images/icon/pause1.png' />
                        </view>
                    </view>
                </view>
                <view class='audioControls'>
                    <view class="name">{{audioName}}</view>
                    <view class="controls">
                        <view class="time">
                            <view>{{showTime1}}</view>
                            <view>{{showTime2}}</view>
                        </view>
                        <view class='slider'>
                            <slider bindchange='sliderChange' activeColor='#e6d2a9' backgroundColor="#F7EFDF" block-size="14" value='{{audioTime}}' class="sliders" />
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <!-- <view class="img_dialog" wx:if="{{visible}}" bindtap="dialogHide">
        <view class="img_cont" style="height: {{imgheight - 180}}px;position: absolute;top:90px;left:0;width: 100%;">
            <image src="{{imgsUrl}}" mode='aspectFit' style="width:100%;height:100%" />
        </view>
    </view> -->
</view>