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 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%);" class="data-v-14a6ab35"><view style="font-size:30rpx;" 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 style="position:relative;padding:20rpx;border-radius:16rpx;height:130rpx;background:linear-gradient(280.64deg, rgba(251, 236, 198, 1) 0%, rgba(248, 225, 183, 1) 117.05%);" class="data-v-14a6ab35"><view style="font-size:30rpx;" 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="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%);" class="data-v-14a6ab35"><view style="font-size:30rpx;" 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 style="position:relative;padding:20rpx;border-radius:16rpx;height:130rpx;width:100%;background:linear-gradient(96.63deg, rgba(189, 224, 249, 1) 11.78%, rgba(205, 233, 251, 1) 103.76%);" class="data-v-14a6ab35"><view style="font-size:30rpx;" 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 style="width:100%;margin-left:20rpx;" class="data-v-14a6ab35"><view 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%);" class="data-v-14a6ab35"><view style="font-size:30rpx;" 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 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;" catchtap="__e"><view style="font-size:36rpx;" 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><view style="padding-bottom:30rpx;" class="data-v-14a6ab35"><block wx:if="{{$root.g0>0}}"><scroll-view style="padding:0rpx 30rpx;white-space:nowrap;" 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 20rpx;font-weight:400;min-height:100rpx;" class="data-v-14a6ab35"><view class="tn-text-ellipsis-2 data-v-14a6ab35" style="text-align:left;"><text class="data-v-14a6ab35">{{item.activity_name}}</text></view></view><view style="position:absolute;top:10rpx;left:10rpx;" class="data-v-14a6ab35"><block wx:if="{{item.type=='进行中'}}"><tn-button vue-id="{{'ffa1871e-4-'+index}}" width="80rpx" height="40rpx" size="sm" backgroundColor="#6BC7F0 " fontColor="tn-color-white" class="data-v-14a6ab35" bind:__l="__l" vue-slots="{{['default']}}">进行中</tn-button></block><block wx:if="{{item.type=='未开始'}}"><tn-button vue-id="{{'ffa1871e-5-'+index}}" width="80rpx" height="40rpx" size="sm" backgroundColor="#EE9556 " fontColor="tn-color-white" class="data-v-14a6ab35" bind:__l="__l" vue-slots="{{['default']}}">预告</tn-button></block><block wx:if="{{item.type=='已结束'}}"><tn-button vue-id="{{'ffa1871e-6-'+index}}" width="80rpx" height="40rpx" size="sm" backgroundColor="#E12B33 " fontColor="tn-color-white" class="data-v-14a6ab35" bind:__l="__l" vue-slots="{{['default']}}">已结束</tn-button></block></view></view></block></scroll-view></block><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="background-color:#ffffff;" class="data-v-14a6ab35"><tn-tabs vue-id="ffa1871e-7" list="{{goryList}}" isScroll="{{true}}" activeItemStyle="{{({fontSize:'35rpx',fontWeight:'600'})}}" activeColor="#000000" current="{{current}}" name="name" fontSize="{{28}}" data-event-opts="{{[['^change',[['change']]]]}}" bind:change="__e" class="data-v-14a6ab35" bind:__l="__l"></tn-tabs></view><view style="padding:10px 30rpx;padding-bottom:100rpx;" class="data-v-14a6ab35"><block wx:for="{{news_list}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['openUrl',['/pages/index/new_info?id='+item.news_id]]]]]}}" class="tn-flex tn-flex-row-between data-v-14a6ab35" style="background-color:#ffffff;padding:20rpx;border-radius:10rpx;margin-bottom:10rpx;" bindtap="__e"><view style="position:relative;" class="data-v-14a6ab35"><view class="tn-text-ellipsis-2 data-v-14a6ab35" style="font-size:28rpx;">{{item.news_title+''}}</view><view class="tn-flex tn-flex-row-between data-v-14a6ab35" style="width:100%;color:#808080;position:absolute;bottom:0rpx;min-width:380rpx;overflow:hidden;"><view class="data-v-14a6ab35">{{item.name}}</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.news_hits}}</text></view></view></view><block wx:if="{{item.news_image}}"><view style="margin-left:20rpx;" class="data-v-14a6ab35"><image style="width:240rpx;height:160rpx;border-radius:10rpx;" src="{{apiImgUrl+item.news_image}}" mode="aspectFill" class="data-v-14a6ab35"></image></view></block></view></block></view><tn-select vue-id="ffa1871e-8" 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>