shyaf-artist-platform-miniapp/pages/guanyuan/list/list.wxml

<!--pages/guanyuan/list/list.wxml-->
<view class="page-list">
<!--    <view class="bread-nav">-->
<!--        <text class="text-01">展览展示服务</text>-->
<!--        <text class="split">/</text>-->
<!--        <text class="text-02">装裱服务</text>-->
<!--    </view>-->
    <view class="tab-box">
        <view bindtap="changeTab" data-index="0" class="item {{activeIndex==0?'active':''}}">专业场馆布展</view>
        <view bindtap="changeTab" data-index="1" class="item {{activeIndex==1?'active':''}}">个展</view>
        <view bindtap="changeTab" data-index="2" class="item {{activeIndex==2?'active':''}}">群展</view>
        <view bindtap="changeTab" data-index="3" class="item {{activeIndex==3?'active':''}}">关于观缘文化</view>
    </view>
    <view wx:if="{{activeIndex==0}}" class="guanyuan-list">
        <view  wx:for="{{listData[0]}}" wx:key="id">
            <view class="item" bindtap="msgClick" data-index="{{index}}">
                <view class="text-wrap">
                    <view class="home"><view class="icon-home"><image class="img-full" mode="widthFix" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-home.png"></image></view></view>
                    <view class="name">{{item.title}}</view>
                    <view class="time"><view class="icon-time"><image class="img-full" mode="widthFix" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-time.png"></image></view>{{item.time}}</view>
                </view>
                <view class="img-wrap">
                    <image mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/{{item.banner}}"></image>
                </view>
            </view>
        </view>
    </view>
    <view wx:if="{{activeIndex==1}}" class="guanyuan-list">
        <view  wx:for="{{listData[1]}}" wx:key="id">
            <view class="item" bindtap="msgClick" data-index="{{index}}">
                <view class="text-wrap">
                    <view class="home"><view class="icon-home"><image class="img-full" mode="widthFix" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-people.png"></image></view></view>
                    <view class="name">{{item.title}}</view>
                    <view class="time"><view class="icon-time"><image class="img-full" mode="widthFix" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-time.png"></image></view>{{item.time}}</view>
                </view>
                <view class="img-wrap">
                    <image mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/{{item.banner}}"></image>
                </view>
            </view>
        </view>
    </view>
    <view wx:if="{{activeIndex==2}}" class="guanyuan-list">
        <view  wx:for="{{listData[2]}}" wx:key="id">
            <view class="item" bindtap="msgClick" data-index="{{index}}">
                <view class="text-wrap">
                    <view class="home"><view class="icon-home"><image class="img-full" mode="widthFix" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-picture.png"></image></view></view>
                    <view class="name">{{item.title}}</view>
                    <view class="time"><view class="icon-time"><image lazy-load="true" class="img-full" mode="widthFix" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-time.png"></image></view>{{item.time}}</view>
                </view>
                <view class="img-wrap">
                    <image mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/{{item.banner}}"></image>
                </view>
            </view>
        </view>
    </view>
    <view wx:if="{{activeIndex==3}}" class="guanyuan-list">
          <view class="guanyuan-list-title">
              <view class="title-zh">关于观缘文化</view>
              <view class="title-eg">About GuanYuan</view>
          </view>
          <view class="paragraph">上海观缘文化传播有限公司成立于2006年，具有多年探索艺术与空间的交换经验，同时又将创新及优质融入于观缘最擅长的装帧装裱技术之中。而在新新时代探究艺术融入空间生活的主题下，观缘始终坚守新理念、新创意、新玩法，在完善装帧装裱行业技术的同时，又汇集多位知名艺术家，以艺术的角度，探索、开创、营造空间内容下的新变量，诠释空间中更深层的艺术与生活的特殊意义。</view>
          <view class="paragraph">
          观缘通过整合国内装裱行业顶尖能手、全国知名艺术家及上海青年艺术博览会等相关资源，以为原创艺术品及其文创衍生品提供专业“配套一体化”服务体系为目标，打造具有时代特色、具有艺术价值及商业价值的原创艺术品市场。</view>
          <image class="img-full about-img" mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/about/1.png"></image>
          <image class="img-full about-img" mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/about/2.png"></image>
          <image class="img-full about-img" mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/about/3.png"></image>
          <image class="img-full about-img" mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/about/4.png"></image>
          <image class="img-full about-img" mode="widthFix" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/about/5.png"></image>
    </view>
    <view class="footer-tool">
        <view class="footer-tool-content">
            <navigator url="/pages/guanyuan/exhibition/exhibition?type=1" class="apply-btn">
                <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-apply.png"></image>
                <view class="text">我要布展</view>
            </navigator>
<!--            <navigator url="/pages/guanyuan/exhibition/exhibition" wx:if="{{activeIndex==0}}" class="apply-btn">-->
<!--                    <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-apply.png"></image>-->
<!--                    <view class="text">我要布展</view>-->
<!--            </navigator>-->
<!--            <navigator url="/pages/guanyuan/exhibition/exhibition" wx:if="{{activeIndex==1}}" class="apply-btn">-->
<!--                    <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-apply.png"></image>-->
<!--                    <view class="text">我要布展</view>-->
<!--            </navigator>-->
<!--            <navigator url="/pages/guanyuan/exhibition/exhibition" wx:if="{{activeIndex==2}}" class="apply-btn">-->
<!--                    <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/guanyuan/list/icon-apply.png"></image>-->
<!--                    <view class="text">我要布展</view>-->
<!--            </navigator>-->
        </view>
    </view>

</view>