微信小程序中点击搜素按钮没有反应,可能是样式问题(按钮被其他元素覆盖或遮挡)-searchResults.wxml

时间:2024-10-27 17:57:51
<view>
    <view class="search-box">
        <input class="search-input" placeholder="{{value}}"
        bindinput="handleSearchInput"  bindconfirm="handleSearch"/>
        <button class="search-button" bindtap="handleSearch">搜索</button>
    </view>

    <!-- 商品搜索结果卡片容器 -->
    <view class="search-result">
        <block wx:for="{{products}}" wx:key="id">
            <!-- 商品信息展示区域 -->
            <view class="product-card card-layout-{{cardLayout}}">
                <!-- 商品图片 -->
                <image class="product-image" src="{{item.image}}"  />
                
                <!-- 商品描述和价格 --> 
                <view class="product-info">
                    <text class="product-title">{{item.name}}</text>
                    <!-- 商品元信息和价格在同一行显示 -->
                    <view class="meta-price-container">
                        <view class="product-meta">
                            <text class="product-origin">{{item.location}}</text>
                            <text class="product-barcode">条码:{{item.jancode}}</text>
                        </view>
                        <view class="product-price">
                            <text class="price">{{item.standardPrice}}<text style="font-size:14rpx;"></text></text>
                        </view>
                    </view>
                </view>
            </view>
        </block>
    </view>
</view>