yunshangxie/unpackage/dist/dev/mp-weixin/pages/index/home.wxml

1 line
10 KiB
Plaintext

<view style="background-color:rgb(235, 244, 247);" class="data-v-14a6ab35"><tn-nav-bar vue-id="ffa1871e-1" isBack="{{false}}" bottomShadow="{{true}}" backgroundColor="#FFFFFF" class="data-v-14a6ab35" bind:__l="__l" vue-slots="{{['default']}}"><view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left data-v-14a6ab35"><view style="text-shadow:1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;width:100%;" class="data-v-14a6ab35"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" style="text-align:center;font-size:32rpx;" bindtap="__e" class="data-v-14a6ab35"><text class="data-v-14a6ab35">{{HomeTitle}}</text></view></view></view></tn-nav-bar><view style="{{'padding-top:'+(vuex_custom_bar_height+'px')+';'}}" class="data-v-14a6ab35"><view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between data-v-14a6ab35" style="padding-top:30rpx;"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/search/search']]]]]}}" class="tn-color-gray--dark data-v-14a6ab35" style="width:100%;margin:0rpx 30rpx 0 30rpx;border-radius:100rpx;padding-left:6rpx;background-color:#ffffff;" bindtap="__e"><tn-notice-bar vue-id="ffa1871e-2" list="{{searlist}}" mode="vertical" leftIconName="search" duration="{{6000}}" class="data-v-14a6ab35" bind:__l="__l"></tn-notice-bar></view><view class="tn-flex data-v-14a6ab35" style="margin:0px 30rpx 0rpx 0rpx;"><tn-button vue-id="ffa1871e-3" backgroundColor="#ffffff" fontColor="#666666" shape="round" width="140rpx" height="70rpx" class="data-v-14a6ab35" bind:__l="__l" vue-slots="{{['default']}}">搜索</tn-button></view></view><swiper class="card-swiper data-v-14a6ab35" style="height:365rpx;" current="0" mode="dot" circular="{{true}}" duration="500" interval="8000" data-event-opts="{{[['change',[['cardSwiper',['$event']]]]]}}" bindchange="__e"><block wx:for="{{carousel_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="{{['data-v-14a6ab35',cardCur==index?'cur':'']}}" style="padding:0px 28rpx;height:380rpx;"><block wx:if="{{item.type==2}}"><video style="width:100%;border-radius:15rpx;height:100%;" id="myVideo" src="{{apiImgUrl+item.image}}" controls="{{false}}" loop="{{true}}" autoplay="{{true}}" object-fit="contain" data-event-opts="{{[['error',[['videoErrorCallback',['$event']]]]]}}" muted="{{true}}" binderror="__e" class="data-v-14a6ab35"></video></block><block wx:if="{{item.type==1}}"><image style="width:100%;height:380rpx;border-radius:15rpx;" src="{{apiImgUrl+item.image}}" mode="aspectFit" class="data-v-14a6ab35"></image></block></swiper-item></block></swiper><view class="indication data-v-14a6ab35"><block wx:for="{{carousel_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-14a6ab35"><view class="{{['spot','data-v-14a6ab35',cardCur==index?'active':'']}}"></view></block></block></view></view><view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center data-v-14a6ab35" style="padding:0px 28rpx;"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/pizz_info?id='+association_id]]]]]}}" style="position:relative;padding:20rpx;border-radius:16rpx;height:270rpx;width:100%;background:linear-gradient(275.57deg, rgba(193, 237, 217, 1) 1.39%, rgba(188, 237, 216, 1) 112.49%);" bindtap="__e" class="data-v-14a6ab35"><view style="font-size:32rpx;" class="data-v-14a6ab35">协会简介</view><view style="font-size:22rpx;margin-top:10rpx;" class="data-v-14a6ab35">Association introduction</view><image style="width:150rpx;height:150rpx;position:absolute;right:10rpx;bottom:0;" src="/static/48098165.png" class="data-v-14a6ab35"></image></view><view style="width:100%;margin-left:20rpx;" class="data-v-14a6ab35"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/service?type='+1]]]]]}}" style="position:relative;padding:20rpx;border-radius:16rpx;height:130rpx;background:linear-gradient(96.63deg, rgba(189, 224, 249, 1) 11.78%, rgba(205, 233, 251, 1) 103.76%);" bindtap="__e" class="data-v-14a6ab35"><view style="font-size:32rpx;" class="data-v-14a6ab35">协会活动</view><view style="font-size:22rpx;margin-top:10rpx;" class="data-v-14a6ab35">Offline events</view><image style="width:90rpx;height:90rpx;position:absolute;right:10rpx;bottom:0;" src="/static/48098164.png" class="data-v-14a6ab35"></image></view><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/service?type='+3]]]]]}}" style="position:relative;margin-top:10rpx;padding:20rpx;border-radius:16rpx;height:130rpx;background:linear-gradient(279.38deg, rgba(246, 217, 197, 1) -5.05%, rgba(245, 209, 189, 1) 121.63%);" bindtap="__e" class="data-v-14a6ab35"><view style="font-size:32rpx;" class="data-v-14a6ab35">公益捐赠</view><view style="font-size:22rpx;margin-top:10rpx;" class="data-v-14a6ab35">Public donations</view><image style="width:90rpx;height:90rpx;position:absolute;right:10rpx;bottom:0;" src="/static/48098162.png" class="data-v-14a6ab35"></image></view></view></view><view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center data-v-14a6ab35" style="padding:0px 28rpx;margin-top:10rpx;"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/service?type='+2]]]]]}}" style="position:relative;padding:20rpx;border-radius:16rpx;height:130rpx;width:100%;background:linear-gradient(280.64deg, rgba(251, 236, 198, 1) 0%, rgba(248, 225, 183, 1) 117.05%);" bindtap="__e" class="data-v-14a6ab35"><view style="font-size:32rpx;" class="data-v-14a6ab35">调查问卷</view><view style="font-size:22rpx;margin-top:10rpx;" class="data-v-14a6ab35">Questionnaires</view><image style="width:90rpx;height:90rpx;position:absolute;right:10rpx;bottom:0;" src="/static/48098160.png" class="data-v-14a6ab35"></image></view><view style="width:100%;margin-left:20rpx;" class="data-v-14a6ab35"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/service?type='+4]]]]]}}" style="position:relative;padding:20rpx;border-radius:16rpx;height:130rpx;background:linear-gradient(96.63deg, rgba(226, 228, 245, 1) 11.78%, rgba(234, 236, 255, 1) 103.76%);" bindtap="__e" class="data-v-14a6ab35"><view style="font-size:32rpx;" class="data-v-14a6ab35">学习培训</view><view style="font-size:22rpx;margin-top:10rpx;" class="data-v-14a6ab35">Learn and train</view><image style="width:90rpx;height:90rpx;position:absolute;right:10rpx;bottom:0;" src="/static/48098163.png" class="data-v-14a6ab35"></image></view></view></view><view style="padding:28rpx 28rpx 0rpx 28rpx;" class="data-v-14a6ab35"><view style="background-color:#ffffff;border-radius:24rpx;width:110%;padding-bottom:15rpx;" class="data-v-14a6ab35"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/service']]]]]}}" class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center data-v-14a6ab35" style="padding:30rpx;width:97%;" catchtap="__e"><view style="font-size:32rpx;" class="data-v-14a6ab35">协会活动</view><view style="color:#808080;" class="data-v-14a6ab35"><text class="data-v-14a6ab35">更多</text><text class="tn-icon-right data-v-14a6ab35"></text></view></view><block wx:if="{{$root.g0>0}}"><scroll-view style="padding:0rpx 30rpx;white-space:nowrap;width:100%;" scroll-x="{{true}}" class="data-v-14a6ab35"><block wx:for="{{actList}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/event_info?id='+item.id]]]]]}}" style="position:relative;display:inline-block;width:300rpx;text-align:center;background-color:#FFF;border-radius:20rpx;overflow:hidden;margin-right:20rpx;" bindtap="__e" class="data-v-14a6ab35"><view class="data-v-14a6ab35"><image style="width:350rpx;height:170rpx;" src="{{apiImgUrl+item.activity_image}}" class="data-v-14a6ab35"></image></view><view style="padding:10rpx;font-weight:400;min-height:100rpx;" class="data-v-14a6ab35"><view class="tn-text-ellipsis-2 data-v-14a6ab35" style="text-align:left;font-size:28rpx;"><text class="data-v-14a6ab35">{{item.activity_name}}</text></view></view><view style="position:absolute;top:0rpx;left:0rpx;" class="data-v-14a6ab35"><block wx:if="{{item.type=='进行中'}}"><view class="my_tag data-v-14a6ab35" style="background-color:rgb(75, 130, 235);">进行中</view></block><block wx:if="{{item.type=='未开始'}}"><view class="my_tag data-v-14a6ab35" style="background-color:rgb(248, 155, 59);">预告</view></block><block wx:if="{{item.type=='已结束'}}"><view class="my_tag data-v-14a6ab35" style="background-color:rgb(225, 43, 51);">已结束</view></block></view></view></block></scroll-view></block></view><block wx:if="{{$root.g1==0}}"><view style="background-color:#ffffff;padding:20rpx;text-align:center;" class="data-v-14a6ab35">暂无活动</view></block></view><view style="padding:10px 28rpx;padding-bottom:100rpx;" class="data-v-14a6ab35"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><view class="{{['data-v-14a6ab35',(index===0)?'rounded_corner':'']}}" style="background-color:#ffffff;"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/new_info?id='+item.$orig.news_id]]]]]}}" class="tn-flex tn-flex-row-between data-v-14a6ab35" style="padding:20rpx;" bindtap="__e"><block wx:if="{{item.$orig.news_image}}"><view style="margin-left:20rpx;" class="data-v-14a6ab35"><image style="width:230rpx;height:180rpx;border-radius:8rpx;" src="{{apiImgUrl+item.$orig.news_image}}" mode="aspectFill" class="data-v-14a6ab35"></image></view></block><view style="position:relative;padding:0rpx 10rpx 10rpx 15rpx;" class="data-v-14a6ab35"><view class="tn-text-ellipsis-3 data-v-14a6ab35" style="font-size:28rpx;">{{item.$orig.news_title+''}}</view><view class="tn-flex tn-flex-row-between data-v-14a6ab35" style="font-size:24rpx;width:95%;color:rgb(171, 171, 171);position:absolute;bottom:0rpx;min-width:380rpx;overflow:hidden;"><view class="data-v-14a6ab35">{{item.$orig.name}}</view><view class="data-v-14a6ab35">{{item.m0}}</view><view class="data-v-14a6ab35"><text class="tn-icon-eye data-v-14a6ab35" style="vertical-align:middle;"></text><text style="vertical-align:middle;" class="data-v-14a6ab35">{{item.$orig.news_hits}}</text></view></view></view></view><block wx:if="{{$root.g2-1>index}}"><view style="background:rgba(217, 217, 217, 0.5);width:90%;margin:0 auto;height:2rpx;" class="data-v-14a6ab35"></view></block></view></block></view><view class="data-v-14a6ab35"><tn-select vue-id="ffa1871e-4" safeAreaInsetBottom="{{true}}" mode="single" list="{{selectList}}" value="{{selectShow}}" data-event-opts="{{[['^confirm',[['confirm']]],['^input',[['__set_model',['','selectShow','$event',[]]]]]]}}" bind:confirm="__e" bind:input="__e" class="data-v-14a6ab35" bind:__l="__l"></tn-select></view></view>