| | |
| | | <view class="business-card-list"> |
| | | <!-- 筛选区域 --> |
| | | <view class="filter-section"> |
| | | <view class="filter-item" :class="{ active: sortType === 'latest' }" @tap="changeSort('latest')"> |
| | | <view class="filter-item" :class="{ active: sortType === '' }" @tap="changeSort('latest')"> |
| | | <text>最新</text> |
| | | </view> |
| | | <view class="filter-item" :class="{ active: showIndustryFilter }" @tap="toggleIndustryFilter"> |
| | |
| | | v-if="selectedCard.duties && selectedCard.duties.length > 0">{{ selectedCard.duties[0] }}</text> |
| | | <text class="price">¥{{ selectedCard.grade.price }}</text> |
| | | </view> |
| | | <!-- <view class="payment-methods"> |
| | | <view class="method-item" :class="{ active: paymentMethod === 'balance' }" |
| | | @tap="selectPaymentMethod('balance')"> |
| | | <text class="method-name">联盟币支付</text> |
| | | <text class="iconfont icon-check" v-if="paymentMethod === 'balance'"></text> |
| | | </view> |
| | | <view class="method-item" :class="{ active: paymentMethod === 'wechat' }" |
| | | @tap="selectPaymentMethod('wechat')"> |
| | | <text class="method-name">微信支付</text> |
| | | <text class="iconfont icon-check" v-if="paymentMethod === 'wechat'"></text> |
| | | </view> |
| | | </view> --> |
| | | <view class="modal-footer"> |
| | | <view class="cancel-btn" @tap="closePaymentModal">取消</view> |
| | | <view class="confirm-btn" @tap="confirmPayment">确认</view> |
| | |
| | | |
| | | // 切换排序 |
| | | changeSort(sortType) { |
| | | this.sortType = sortType; |
| | | if(this.sortType=='latest'){ |
| | | this.sortType = '' |
| | | }else{ |
| | | |
| | | this.sortType = sortType; |
| | | } |
| | | |
| | | this.loadCardList(true); |
| | | }, |
| | | |
| | |
| | | |
| | | .action-btn { |
| | | padding: 10rpx 32rpx; |
| | | background-color: #37bde6; |
| | | background-color: #D41003; |
| | | color: #fff; |
| | | border-radius: 20rpx; |
| | | font-size: 28rpx; |
| | |
| | | color: #333; |
| | | |
| | | &.active { |
| | | color: #37bde6; |
| | | color: #D41003; |
| | | } |
| | | |
| | | .icon-check { |
| | |
| | | |
| | | .confirm-btn { |
| | | color: #fff; |
| | | background-color: #37bde6; |
| | | background-color: #D41003; |
| | | } |
| | | } |
| | | } |