Skip to content

Commit c5af3f7

Browse files
juzi214032juzi214032
committed
feat(SearchBar): 添加 lintap 事件 API
为 SearchBar 组件的地址元素添加监听事件 lintap，方便后期结合 IndexBar 组件使用
1 parent f294fe9 commit c5af3f7

File tree

9 files changed

+29
-13
lines changed

9 files changed

+29
-13
lines changed

‎dist/search-bar/index.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/search-bar/index.wxml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<view class="search-bar l-container-class">
22
<slot name="before"/>
3-
<view wx:if="{{address}}" class="icon-container">
3+
<view wx:if="{{address}}" class="icon-container" bind:tap="handleTapFrontText">
44
<text class="city">{{address}}</text>
55
<l-icon name="down" color="#333" size="22"/>
66
</view>
@@ -14,7 +14,7 @@
1414
</view>
1515
</view>
1616
</view>
17-
<view wx:if="{{showCancel}}" class="cancle l-cancel-class" bindtap="onCancel">
17+
<view wx:if="{{showCancel}}" class="cancel l-cancel-class" bindtap="onCancel">
1818
{{cancelText}}
1919
</view>
2020
<slot name="after"/>

‎dist/search-bar/index.wxss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
.search-bar{display:flex;flex-direction:row;align-items:center;padding:0 20rpx;box-sizing:border-box;width:100%}.search-input{height:60rpx;background-color:#f3f3f3;display:flex;flex-direction:row;flex:1;align-items:center;padding-left:30rpx;box-sizing:border-box}.search-input-primary{border-radius:8rpx}.search-input-circle{border-radius:30rpx}.cancle{font-size:28rpx;color:#666;display:flex;align-items:center;width:60rpx;justify-content:center;height:60rpx;margin-left:15rpx}.input{height:40rpx;line-height:40rpx;flex:1;margin-left:15rpx;font-size:28rpx;color:#666}.input-center{text-align:center}.input-left{text-align:left}.close-wrap{padding:10rpx}.close{height:30rpx;width:30rpx;background:#ddd;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-top:3rpx;box-sizing:border-box;margin-right:15rpx}.pls-class{color:#bdbdbd;font-size:28rpx}.icon-container{display:flex;flex-direction:row;align-items:center;margin-right:15rpx}.city{font-size:28rpx;color:#333;margin-right:10rpx}
1+
.search-bar{display:flex;flex-direction:row;align-items:center;padding:0 20rpx;box-sizing:border-box;width:100%}.search-input{height:60rpx;background-color:#f3f3f3;display:flex;flex-direction:row;flex:1;align-items:center;padding-left:30rpx;box-sizing:border-box}.search-input-primary{border-radius:8rpx}.search-input-circle{border-radius:30rpx}.cancel{font-size:28rpx;color:#666;display:flex;align-items:center;width:60rpx;justify-content:center;height:60rpx;margin-left:15rpx}.input{height:40rpx;line-height:40rpx;flex:1;margin-left:15rpx;font-size:28rpx;color:#666}.input-center{text-align:center}.input-left{text-align:left}.close-wrap{padding:10rpx}.close{height:30rpx;width:30rpx;background:#ddd;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-top:3rpx;box-sizing:border-box;margin-right:15rpx}.pls-class{color:#bdbdbd;font-size:28rpx}.icon-container{display:flex;flex-direction:row;align-items:center;margin-right:15rpx}.city{font-size:28rpx;color:#333;margin-right:10rpx}

‎examples/dist/search-bar/index.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,14 @@ Component({
142142
bubbles: true,
143143
composed: true
144144
});
145+
},
146+
147+
/**
148+
* 监听点击地址事件
149+
* @param event
150+
*/
151+
handleTapFrontText(event){
152+
this.triggerEvent('linfronttap',event.detail)
145153
}
146154
}
147155
});

‎examples/dist/search-bar/index.wxml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<view class="search-bar l-container-class">
22
<slot name="before"/>
3-
<view wx:if="{{address}}" class="icon-container">
3+
<view wx:if="{{address}}" class="icon-container" bind:tap="handleTapFrontText">
44
<text class="city">{{address}}</text>
55
<l-icon name="down" color="#333" size="22" />
66
</view>
@@ -29,8 +29,8 @@
2929
</view>
3030
</view>
3131
</view>
32-
<view wx:if="{{showCancel}}"
33-
class="cancle l-cancel-class"
32+
<view wx:if="{{showCancel}}"
33+
class="cancel l-cancel-class"
3434
bindtap="onCancel">
3535
{{cancelText}}
3636
</view>

‎examples/dist/search-bar/index.wxss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
.search-bar{display:flex;flex-direction:row;align-items:center;padding:0 20rpx;box-sizing:border-box;width:100%}.search-input{height:60rpx;background-color:#f3f3f3;display:flex;flex-direction:row;flex:1;align-items:center;padding-left:30rpx;box-sizing:border-box}.search-input-primary{border-radius:8rpx}.search-input-circle{border-radius:30rpx}.cancle{font-size:28rpx;color:#666;display:flex;align-items:center;width:60rpx;justify-content:center;height:60rpx;margin-left:15rpx}.input{height:40rpx;line-height:40rpx;flex:1;margin-left:15rpx;font-size:28rpx;color:#666}.input-center{text-align:center}.input-left{text-align:left}.close-wrap{padding:10rpx}.close{height:30rpx;width:30rpx;background:#ddd;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-top:3rpx;box-sizing:border-box;margin-right:15rpx}.pls-class{color:#bdbdbd;font-size:28rpx}.icon-container{display:flex;flex-direction:row;align-items:center;margin-right:15rpx}.city{font-size:28rpx;color:#333;margin-right:10rpx}
1+
.search-bar{display:flex;flex-direction:row;align-items:center;padding:0 20rpx;box-sizing:border-box;width:100%}.search-input{height:60rpx;background-color:#f3f3f3;display:flex;flex-direction:row;flex:1;align-items:center;padding-left:30rpx;box-sizing:border-box}.search-input-primary{border-radius:8rpx}.search-input-circle{border-radius:30rpx}.cancel{font-size:28rpx;color:#666;display:flex;align-items:center;width:60rpx;justify-content:center;height:60rpx;margin-left:15rpx}.input{height:40rpx;line-height:40rpx;flex:1;margin-left:15rpx;font-size:28rpx;color:#666}.input-center{text-align:center}.input-left{text-align:left}.close-wrap{padding:10rpx}.close{height:30rpx;width:30rpx;background:#ddd;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-top:3rpx;box-sizing:border-box;margin-right:15rpx}.pls-class{color:#bdbdbd;font-size:28rpx}.icon-container{display:flex;flex-direction:row;align-items:center;margin-right:15rpx}.city{font-size:28rpx;color:#333;margin-right:10rpx}

‎src/search-bar/index.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,14 @@ Component({
142142
bubbles: true,
143143
composed: true
144144
});
145+
},
146+
147+
/**
148+
* 监听点击地址事件
149+
* @param event
150+
*/
151+
handleTapFrontText(event){
152+
this.triggerEvent('linfronttap',event.detail)
145153
}
146154
}
147155
});

‎src/search-bar/index.less‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
border-radius: 30rpx
2727
}
2828

29-
.cancle {
29+
.cancel {
3030
font-size : 28rpx;
3131
color : #666;
3232
display : flex;
@@ -87,4 +87,4 @@
8787
font-size : 28rpx;
8888
color : #333;
8989
margin-right: 10rpx
90-
}
90+
}

‎src/search-bar/index.wxml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<view class="search-bar l-container-class">
22
<slot name="before"/>
3-
<view wx:if="{{address}}" class="icon-container">
3+
<view wx:if="{{address}}" class="icon-container" bind:tap="handleTapFrontText">
44
<text class="city">{{address}}</text>
55
<l-icon name="down" color="#333" size="22" />
66
</view>
@@ -29,8 +29,8 @@
2929
</view>
3030
</view>
3131
</view>
32-
<view wx:if="{{showCancel}}"
33-
class="cancle l-cancel-class"
32+
<view wx:if="{{showCancel}}"
33+
class="cancel l-cancel-class"
3434
bindtap="onCancel">
3535
{{cancelText}}
3636
</view>

0 commit comments

Comments
 (0)