qingcheng-xiaochengxu/pages/projectModule/projectList/projectList.wxml

63 lines
2.0 KiB
Plaintext

<view class="flex-col page">
<!-- 轮播图 -->
<swiper
class="swiper"
indicator-dots="true"
autoplay="true"
interval="3000"
circular="true"
indicator-color="rgba(0,0,0,0.3)"
indicator-active-color="#ffffff"
>
<block wx:for="{{banners}}" wx:for-item="img" wx:key="index">
<swiper-item>
<image src="{{img}}" class="swiper-image" mode="aspectFill"/>
</swiper-item>
</block>
</swiper>
<!-- 项目列表 -->
<view class="mt-20 flex-col list">
<view
class="flex-row justify-between items-center relative list-item mt-17"
wx:for="{{items}}"
wx:for-item="item"
wx:for-index="idx"
wx:key="item.id"
>
<view class="flex-row items-center">
<!-- 项目图片 -->
<image
class="image_2"
src="{{item.projectImage}}"
mode="aspectFill"
/>
<view class="ml-14 flex-row items-end">
<view class="flex-col items-start">
<!-- 项目名称 -->
<text class="font">{{item.projectName}}</text>
<!-- 结算周期 -->
<view class="mt-10 flex-col justify-start items-center text-wrapper">
<text class="font_2 text">结算T+{{item.projectSettlementCycle}}</text>
</view>
<!-- 最高价 -->
<text class="mt-10 font_4">最高价</text>
<text class="mt-10 font_5 text_3">¥{{item.projectPrice}}</text>
</view>
<view class="ml-4 flex-col items-start promo">
<!-- 正在推广 -->
<text class="font_4">正在推广</text>
<text class="mt-8 font_6 text_4">{{item.currentPromotionCount}}人</text>
</view>
</view>
</view>
<view
bindtap="gotoPromotion"
data-id="{{item.id}}"
class="flex-col justify-start items-center text-wrapper_2">
<text class="font_3 text_2">参与推广</text>
</view>
</view>
</view>
</view>