61 lines
3.1 KiB
Plaintext
61 lines
3.1 KiB
Plaintext
<view id="cpsCard">
|
|
<view class="top" wx:if="{{!curr}}">
|
|
<view class="top-box">
|
|
<view class="left"></view>
|
|
<view class="mid">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_left.png"></image>
|
|
|
|
<view style="font-size: 32rpx;color: #633B26;margin:0 20rpx;">热门推荐</view>
|
|
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_right.png"></image>
|
|
</view>
|
|
<view class="right"></view>
|
|
</view>
|
|
<view class="top-content">
|
|
<view class="block">
|
|
<view class="item" wx:for="{{hot}}" wx:key='index' catchtap="goDetail" data-id='{{item.id}}' data-name='{{item.name}}'>
|
|
<view class="item-avatar">
|
|
<image src="{{item.logo}}"></image>
|
|
</view>
|
|
<view style="font-size:24rpx;margin-top:14rpx;">{{item.name}}</view>
|
|
<view style="color: #777777;font-size:24rpx;margin-top:8rpx">{{item.description}}</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="page-section-spacing" style="{{curr?'position:fixed;top:0;background: #353535;width:100%;z-index:999;':''}}">
|
|
<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="tabScroll" style="width: 100%;padding: 20rpx 0;" scroll-into-view="{{currBox}}">
|
|
<view class="tab" wx:for="{{category}}" wx:key="index" catchtap="taptest" data-ind="{{index}}"
|
|
id="{{index?'tab'+index:'tab0'}}">
|
|
<!-- <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_menu.png" wx:if="{{acindex == index}}"></image> -->
|
|
<view style="z-index:99;color: #EED9AC;" class=" {{acindex == index?'active':''}}">{{item.name}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<!-- </scroll-view> -->
|
|
|
|
<scroll-view scroll-into-view="{{toview}}" scroll-y="true" style="height:100vh;" enhanced='true' bindscroll='bincroll'>
|
|
<view class="free-welfare" id="{{index?'ind'+index:'ind0'}}" wx:for="{{category}}" wx:key="index">
|
|
<view class="welfare-title">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_left.png"></image>
|
|
<view style="font-size: 32rpx;color: #633B26;margin:0 20rpx;">{{item.name}}</view>
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/icon_card_title_right.png"></image>
|
|
</view>
|
|
<view class="welfare-content">
|
|
<view class="block">
|
|
<view class="item" wx:for="{{item.brand}}" wx:for-item='info' wx:key='ind' catchtap="goDetail" data-id='{{info.id}}' data-name='{{item.name}}'>
|
|
<view class="item-avatar">
|
|
<image src="{{info.logo}}"></image>
|
|
</view>
|
|
<view style="font-size:24rpx;margin-top:14rpx;">{{info.name}}</view>
|
|
<view
|
|
style="color: #777777;font-size:24rpx;margin-top:8rpx;padding-left: 20rpx;box-sizing: border-box;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">
|
|
{{info.description}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view> |