爱简收旧衣按件回收前端代码仓库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1 lines
11 KiB

<view class="container data-v-9e04663e" style="{{ak}}"><view class="banner data-v-9e04663e"><swiper class="data-v-9e04663e" indicator-dots="{{false}}" autoplay="{{true}}" interval="{{3000}}" duration="{{500}}" circular style="width:100%;height:400rpx"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="b" class="data-v-9e04663e"><image class="data-v-9e04663e" src="{{item.a}}" mode="aspectFill" style="width:100%;height:100%"/></swiper-item></swiper></view><view class="goods-list data-v-9e04663e"><view class="category-nav data-v-9e04663e"><view wx:for="{{b}}" wx:for-item="category" wx:key="c" class="{{['category-item', 'data-v-9e04663e', category.d && 'active']}}" bindtap="{{category.e}}"><view wx:if="{{category.a}}" class="category-dot data-v-9e04663e"></view> {{category.b}}</view></view><scroll-view class="goods-content data-v-9e04663e" scroll-y bindscrolltolower="{{h}}"><view class="goods-section data-v-9e04663e"><view wx:for="{{c}}" wx:for-item="item" wx:key="o" class="goods-item data-v-9e04663e"><image wx:if="{{item.a}}" src="{{item.b}}" class="goods-item-img data-v-9e04663e" mode="aspectFit"/><view class="goods-info-wrap data-v-9e04663e"><view class="goods-header data-v-9e04663e"><text class="goods-name data-v-9e04663e">{{item.c}}</text><view class="rules-link data-v-9e04663e" bindtap="{{item.e}}"><view class="rules data-v-9e04663e"><text class="data-v-9e04663e">回收规则</text><uni-icons wx:if="{{d}}" class="data-v-9e04663e" u-i="{{item.d}}" bind:__l="__l" u-p="{{d}}"></uni-icons></view></view></view><text class="goods-desc data-v-9e04663e">{{item.f}}</text><view class="goods-info data-v-9e04663e"><view class="price-info data-v-9e04663e"><text class="price-symbol data-v-9e04663e">¥</text><text class="price-value data-v-9e04663e">{{item.g}}</text><text class="price-unit data-v-9e04663e">/件</text></view><view class="quantity-control data-v-9e04663e"><button class="btn-minus data-v-9e04663e" bindtap="{{item.h}}">-</button><text class="quantity data-v-9e04663e">{{item.i}}</text><button class="btn-plus data-v-9e04663e" bindtap="{{item.j}}">+</button></view></view><view wx:if="{{item.k}}" class="brand-check data-v-9e04663e" bindtap="{{item.n}}"><text class="data-v-9e04663e">查看品牌</text><uni-icons wx:if="{{item.m}}" class="data-v-9e04663e" u-i="{{item.l}}" bind:__l="__l" u-p="{{item.m}}"></uni-icons></view></view></view></view><view class="other-unrecycle-card data-v-9e04663e"><image class="other-unrecycle-img data-v-9e04663e" src="{{e}}" mode="aspectFit"/><view class="other-unrecycle-info data-v-9e04663e"><view class="other-unrecycle-title data-v-9e04663e">其他上衣(需咨询顾问)(暂不回收)</view><view class="other-unrecycle-desc data-v-9e04663e">需连线回收顾问筛选</view><view class="other-unrecycle-price-row data-v-9e04663e"><text class="other-unrecycle-price data-v-9e04663e">¥ — /件</text></view></view><button class="other-unrecycle-btn data-v-9e04663e" disabled>+</button></view><view wx:if="{{f}}" class="loading-more data-v-9e04663e">加载中...</view><view wx:elif="{{g}}" class="loading-more data-v-9e04663e">没有更多了</view></scroll-view></view><view wx:if="{{i}}" class="fixed-bottom-wrap data-v-9e04663e"><view class="green-tip-bar data-v-9e04663e"> 回收范围仅支持回收以上品类,按件回收预计比称重回收多 <text class="tip-highlight data-v-9e04663e"> 3.76元</text></view><view class="bottom-bar data-v-9e04663e"><view class="bottom-left data-v-9e04663e"><view class="summary-row data-v-9e04663e"><text class="summary-label data-v-9e04663e">已选 <text class="summary-count data-v-9e04663e">{{j}}</text> 件 预计回收可得</text><uni-icons wx:if="{{k}}" class="data-v-9e04663e" style="margin:0 8rpx" u-i="9e04663e-2" bind:__l="__l" u-p="{{k}}"/></view><view class="amount-row data-v-9e04663e"><uni-icons wx:if="{{m}}" class="data-v-9e04663e" style="margin-right:8rpx;vertical-align:middle" bindtap="{{l}}" u-i="9e04663e-3" bind:__l="__l" u-p="{{m}}"/><text class="amount data-v-9e04663e">¥{{n}}-{{o}}</text></view></view><button class="submit-btn data-v-9e04663e" bindtap="{{p}}">预约上门取件</button></view><view class="bottom-bar-divider data-v-9e04663e"></view></view><view wx:if="{{q}}" class="detail-popup-mask data-v-9e04663e" bindtap="{{D}}"><view class="detail-popup data-v-9e04663e" catchtap="{{C}}"><view class="detail-popup-close data-v-9e04663e" bindtap="{{r}}">×</view><view class="green-tip-bar popup-green-tip data-v-9e04663e"> 回收范围仅支持回收以上品类,按件回收预计比称重回收多 <text class="tip-highlight data-v-9e04663e"> 3.76元</text></view><view class="panel-header data-v-9e04663e"><text class="panel-title data-v-9e04663e">已选商品明细</text></view><scroll-view class="panel-list popup-panel-list data-v-9e04663e" scroll-y><view wx:for="{{s}}" wx:for-item="item" wx:key="h" class="panel-item data-v-9e04663e"><image wx:if="{{item.a}}" src="{{item.b}}" class="panel-item-img data-v-9e04663e" mode="aspectFit"/><view class="panel-item-info data-v-9e04663e"><text class="panel-item-name data-v-9e04663e">{{item.c}}</text><text class="panel-item-desc data-v-9e04663e">{{t}}</text><text class="panel-item-price data-v-9e04663e">¥{{item.d}}/件</text></view><view class="panel-quantity-control data-v-9e04663e"><button class="btn-minus data-v-9e04663e" bindtap="{{item.e}}">-</button><text class="quantity data-v-9e04663e">{{item.f}}</text><button class="btn-plus data-v-9e04663e" bindtap="{{item.g}}">+</button></view></view></scroll-view><view class="popup-bottom-bar data-v-9e04663e"><view class="bottom-left data-v-9e04663e"><view class="summary-row data-v-9e04663e"><text class="summary-label data-v-9e04663e">已选 <text class="summary-count data-v-9e04663e">{{v}}</text> 件 预计回收可得</text><uni-icons wx:if="{{w}}" class="data-v-9e04663e" style="margin:0 8rpx" u-i="9e04663e-4" bind:__l="__l" u-p="{{w}}"/></view><view class="amount-row data-v-9e04663e"><uni-icons wx:if="{{y}}" class="data-v-9e04663e" style="margin-right:8rpx;vertical-align:middle" bindtap="{{x}}" u-i="9e04663e-5" bind:__l="__l" u-p="{{y}}"/><text class="amount data-v-9e04663e">¥{{z}}-{{A}}</text></view></view><button class="submit-btn data-v-9e04663e" bindtap="{{B}}">预约上门取件</button></view></view></view><uv-tabbar wx:if="{{E}}" u-s="{{['d']}}" bindchange="{{O}}" class="uv-tabbar data-v-9e04663e" u-i="9e04663e-6" bind:__l="__l" u-p="{{P}}"><uv-tabbar-item wx:if="{{H}}" class="data-v-9e04663e" u-s="{{['active-icon','inactive-icon']}}" u-i="9e04663e-7,9e04663e-6" bind:__l="__l" u-p="{{H}}"><image class="icon data-v-9e04663e" src="{{F}}" slot="active-icon"></image><image class="icon data-v-9e04663e" src="{{G}}" slot="inactive-icon"></image></uv-tabbar-item><uv-tabbar-item wx:if="{{K}}" class="data-v-9e04663e" u-s="{{['active-icon','inactive-icon']}}" u-i="9e04663e-8,9e04663e-6" bind:__l="__l" u-p="{{K}}"><image class="icon data-v-9e04663e" src="{{I}}" slot="active-icon"></image><image class="icon data-v-9e04663e" src="{{J}}" slot="inactive-icon"></image></uv-tabbar-item><uv-tabbar-item wx:if="{{N}}" class="data-v-9e04663e" u-s="{{['active-icon','inactive-icon']}}" u-i="9e04663e-9,9e04663e-6" bind:__l="__l" u-p="{{N}}"><image class="icon data-v-9e04663e" src="{{L}}" slot="active-icon"></image><image class="icon data-v-9e04663e" src="{{M}}" slot="inactive-icon"></image></uv-tabbar-item></uv-tabbar><view wx:if="{{Q}}" class="brand-popup-mask data-v-9e04663e"><view class="brand-popup data-v-9e04663e"><view class="brand-popup-header data-v-9e04663e"><text class="brand-popup-close data-v-9e04663e" bindtap="{{R}}">关闭</text><text class="brand-popup-title data-v-9e04663e">可回收的品牌</text></view><view class="brand-popup-search data-v-9e04663e"><input class="brand-search-input data-v-9e04663e" placeholder="请输入要查询的内容" value="{{S}}" bindinput="{{T}}"/></view><scroll-view class="brand-popup-list data-v-9e04663e" scroll-y scroll-into-view="{{V}}"><view wx:for="{{U}}" wx:for-item="letter" wx:key="c" class="data-v-9e04663e" id="{{letter.d}}"><view class="brand-letter data-v-9e04663e">{{letter.a}}</view><view wx:for="{{letter.b}}" wx:for-item="brand" wx:key="c" class="brand-item data-v-9e04663e" bindtap="{{brand.d}}"><image src="{{brand.a}}" class="brand-logo data-v-9e04663e" mode="aspectFit"/><text class="brand-name data-v-9e04663e">{{brand.b}}</text></view></view></scroll-view><view class="brand-index-bar data-v-9e04663e"><text wx:for="{{W}}" wx:for-item="letter" wx:key="b" class="{{['data-v-9e04663e', letter.c && 'active']}}" bindtap="{{letter.d}}">{{letter.a}}</text></view></view></view><view wx:if="{{X}}" class="rule-popup-mask data-v-9e04663e" bindtap="{{aa}}"><view class="rule-popup data-v-9e04663e"><view class="rule-popup-title data-v-9e04663e">回收规则</view><scroll-view class="rule-popup-content data-v-9e04663e" scroll-y><rich-text class="data-v-9e04663e" nodes="{{Y}}"/></scroll-view><button class="rule-popup-btn data-v-9e04663e" bindtap="{{Z}}">我知道了</button></view></view><view wx:if="{{ab}}" class="pickup-confirm-mask data-v-9e04663e"><view class="pickup-confirm-popup data-v-9e04663e"><view class="pickup-confirm-title data-v-9e04663e">温馨提示</view><view class="pickup-confirm-content data-v-9e04663e"> 1.当前回收快递免费上门,由于快递成本较高,为避免不必要的成本及资源二次浪费不属于可回收品类或不符合回收标准的物品请勿寄出。<view class="data-v-9e04663e"/><view class="data-v-9e04663e"/> 2.已通过的回收物品将正常结算。不符合回收要求的物品可选择快递取回,运费自付。请在订单结算后48小时内联系在线客服安排取回,逾期未联系将默认捐赠,无法再次取回。<view class="data-v-9e04663e"/><view class="data-v-9e04663e"/> 3.若用户寄出大量不可回收的物品,平台有权限制下次回收权限,或取消下次包邮服务。<view class="data-v-9e04663e"/><view class="data-v-9e04663e"/> 4.对于合格率高的回收订单,平台将根据实际情况,给予额外回收奖励。 </view><view class="pickup-confirm-btn-row data-v-9e04663e"><button class="pickup-confirm-btn data-v-9e04663e" bindtap="{{ac}}">取消回收</button><button class="pickup-confirm-btn agree data-v-9e04663e" bindtap="{{ad}}">我同意</button></view></view></view><view wx:if="{{ae}}" class="brand-confirm-mask data-v-9e04663e" bindtap="{{aj}}"><view class="brand-confirm-popup data-v-9e04663e"><view class="brand-confirm-title data-v-9e04663e">品牌确认提示</view><view class="brand-confirm-logo-wrap data-v-9e04663e"><image src="{{af}}" class="brand-confirm-logo data-v-9e04663e" mode="aspectFit"/></view><view class="brand-confirm-name data-v-9e04663e">{{ag}}</view><view class="brand-confirm-desc data-v-9e04663e">请确认所选品牌是否与实物品牌信息一致,否则将无法进行回收。</view><view class="brand-confirm-btn-row data-v-9e04663e"><button class="brand-confirm-btn retry data-v-9e04663e" bindtap="{{ah}}">重新选择</button><button class="brand-confirm-btn confirm data-v-9e04663e" bindtap="{{ai}}">确认一致</button></view></view></view></view>