frontend_h5/treegitee/unpackage/dist/dev/mp-weixin/pages/index/index.wxml

1 line
5.5 KiB
Plaintext

<block wx:if="{{istrue}}"><view class="content plr30 home"><view class="flex_center flex_items mt30"><view class="search flex_start flex_items plr10 ptb15"><image style="width:32rpx;height:32rpx;" src="{{imgUrl+'search.png'}}" mode></image><input class="uni-input pl10 f26" style="width:100%;" confirm-type="search" placeholder="搜索" data-event-opts="{{[['confirm',[['doSearch',['$event']]]],['input',[['__set_model',['$0','keywords','$event',[]],['form']]]]]}}" value="{{form.keywords}}" bindconfirm="__e" bindinput="__e"/></view></view><view class="mt30"><swiper indicator-dots="{{true}}" autoplay="{{true}}" interval="5000" duration="500"><block wx:for="{{banners}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item><image style="width:100%;height:454rpx;" src="{{item.url}}" mode="aspectFit" data-event-opts="{{[['tap',[['goout',['$0'],[[['banners','',index,'target_url']]]]]]]}}" bindtap="__e"></image></swiper-item></block></swiper></view><view class="t3 mt30 p30"><view class="flex_between flex_items"><text class="f32" style="color:#003A6E;">花积分</text><text data-event-opts="{{[['tap',[['goexchange',['0']]]]]}}" class="f24" style="color:#999;" bindtap="__e">更多</text></view><view class="flex_start flex_items mt30"><view class="pl30 pt35 flex_column vhy mt30" style="border-radius:20rpx 0rpx 0rpx 0rpx;"><view class="f30 bold" style="color:#fff;">{{hotproducts[0].name}}</view><view data-event-opts="{{[['tap',[['goexchange',['0']]]]]}}" class="mt80 flex_items flex_center ml10" style="width:calc(100% - 40rpx);height:64rpx;background:linear-gradient(180deg, #FFFFFF 0%, #FFBFAC 100%);border-radius:32rpx;" bindtap="__e"><text class="f28" style="color:#FD6F30;">立即查看</text></view></view><view class="ml20 vqt"><view class="flex_start flex_items pb10 plr10 pt20" style="background:#FFEDEA;border-radius:20rpx 20rpx 0 0;border-bottom:1px solid #FAD5D5;"><image style="height:124rpx;width:144rpx;" src="{{imgUrl+'yphy.png'}}" mode></image><view data-event-opts="{{[['tap',[['goexchange',['1']]]]]}}" class="flex_column" bindtap="__e"><view class="f30 bold flex_start flex_items" style="color:#003A6E;"><text>{{hotproducts[1].name}}</text><image class="ml10" style="width:10rpx;" src="{{imgUrl+'xjt.png'}}" mode="widthFix"></image></view></view></view><view class="flex_start flex_items pt10 plr10" style="background:#FFEDEA;border-radius:0 0 20rpx 20rpx;"><image style="height:124rpx;width:144rpx;" src="{{imgUrl+'mssh.png'}}" mode></image><view data-event-opts="{{[['tap',[['goexchange',['2']]]]]}}" class="flex_column" bindtap="__e"><view class="f30 bold flex_start flex_items" style="color:#003A6E;"><text>{{hotproducts[2].name}}</text><image class="ml10" style="width:10rpx;" src="{{imgUrl+'xjt.png'}}" mode="widthFix"></image></view></view></view></view></view><view class="p30 mt30" style="width:calc(100% - 60rpx);background:linear-gradient(180deg, #FDE8E5 0%, rgba(255,255,255,0) 100%);border-radius:28rpx;"><view class="mt20"><block wx:if="{{$root.g0!=0}}"><view class="flex_start flex_items" style="width:100%;overflow-x:auto;height:260rpx;overflow-y:hidden;"><block wx:for="{{goodlist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="flex_column flex_items mr30"><view data-event-opts="{{[['tap',[['godetail',['$0'],[[['goodlist','',index,'id']]]]]]]}}" class="sk flex_items flex_center" bindtap="__e"><image style="width:128rpx;height:114rpx;" src="{{item.main_image}}" mode="aspectFit"></image></view><view class="f26 mt10 one f-center" style="color:#333;">{{item.name}}</view><view class="mt10 f24 f-center" style="color:#FA5D5E;">{{item.price+"积分"}}</view></view></block></view></block><block wx:else><view class="flex_center flex_items f24" style="color:#888;height:240rpx;width:100%;"><text>--暂无数据--</text></view></block></view></view></view><view class="mt30 p30 t3"><view class="flex_between flex_items"><text class="f32" style="color:#003A6E;">热门活动</text><text data-event-opts="{{[['tap',[['moreac',['$event']]]]]}}" class="f24" style="color:#999;" bindtap="__e">更多</text></view><block wx:if="{{$root.g1!=0}}"><view class="flex_column flex_items"><block wx:for="{{hotActivity}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="mt30 pb30 bbe9s" style="width:100%;"><view class="flex_between flex_items" style="width:100%;"><view class="flex_start flex_items"><image style="width:72rpx;height:72rpx;border-radius:50%;" src="{{item.banner}}" mode></image><view class="flex_column ml20"><text class="f30" style="color:#333;">{{item.active_name}}</text><block wx:if="{{item.rule}}"><text class="f24 mt10" style="color:#898989;">{{item.rule.rate}}</text></block></view></view><view data-event-opts="{{[['tap',[['getp',['$0','$1','$2'],[[['hotActivity','',index,'id']],[['hotActivity','',index,'active_type']],[['hotActivity','',index,'product_id']]]]]]]}}" class="flex_items flex_center" style="width:144rpx;height:48rpx;background:linear-gradient(90deg, #FF898E 0%, #F43139 100%);box-shadow:0rpx 4rpx 12rpx 0rpx #FFC79F;border-radius:24rpx;" bindtap="__e"><text class="f24" style="color:#fff;">立即参与</text></view></view><u-line-progress class="mt20" vue-id="{{'8dd740cc-1-'+index}}" percentage="{{item.process_rate}}" inactiveColor="#F8DDC5" activeColor="#F9535A" bind:__l="__l"></u-line-progress></view></block></view></block><block wx:else><view class="flex_center flex_items f24" style="color:#888;height:600rpx;width:100%;"><text>--暂无数据--</text></view></block></view><view style="width:100%;height:30rpx;"></view><ywatermark vue-id="8dd740cc-2" info="原创内容,禁止转载" bind:__l="__l"></ywatermark></view></block>