提交 609ed0ce 编写于 作者: VK1688's avatar VK1688

update: choose-location

上级 02bdf3a5
...@@ -75,6 +75,8 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的 ...@@ -75,6 +75,8 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的
样式必须以 `!important;` 结尾才能生效,以下是css的class名称,写入同名名称就可以覆盖。 样式必须以 `!important;` 结尾才能生效,以下是css的class名称,写入同名名称就可以覆盖。
文本样式除了下方列出的 color 和 background-color 外,你还可以替换 font-family 等任何 text 标签支持的样式。
地图中心点的icon 地图中心点的icon
```css ```css
...@@ -86,7 +88,7 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的 ...@@ -86,7 +88,7 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的
} }
``` ```
确认按钮颜色 右上方"确认"按钮
```css ```css
.uni-choose-location-light .uni-choose-location-nav-confirm-text { .uni-choose-location-light .uni-choose-location-nav-confirm-text {
...@@ -99,7 +101,18 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的 ...@@ -99,7 +101,18 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的
} }
``` ```
取消按钮颜色 左上方"取消"按钮
```css
.uni-choose-location-light .uni-choose-location-nav-back-text {
color: red !important;
}
.uni-choose-location-dark .uni-choose-location-nav-back-text {
color: red !important;
}
```
搜索框右侧的"取消"文字
```css ```css
.uni-choose-location-light .uni-choose-location-poi-search-cancel { .uni-choose-location-light .uni-choose-location-poi-search-cancel {
...@@ -110,7 +123,7 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的 ...@@ -110,7 +123,7 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的
} }
``` ```
已选中的POI右侧的对钩icon颜色 已选中的POI右侧的对钩icon
```css ```css
.uni-choose-location-light .uni-choose-location-poi-item-selected-icon { .uni-choose-location-light .uni-choose-location-poi-item-selected-icon {
...@@ -121,6 +134,28 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的 ...@@ -121,6 +134,28 @@ uni.chooseLocation 虽然是一个框架内置的页面。但提供了丰富的
} }
``` ```
POI标题
```css
.uni-choose-location-light .uni-choose-location-poi-item-title-text {
color: red !important;
}
.uni-choose-location-dark .uni-choose-location-poi-item-title-text {
color: red !important;
}
```
POI地址
```css
.uni-choose-location-light .uni-choose-location-poi-item-detail-text {
color: red !important;
}
.uni-choose-location-dark .uni-choose-location-poi-item-detail-text {
color: red !important;
}
```
## 历史问题 ## 历史问题
uni-app x 4.24以前,Web平台本API调用了腾讯地图的免费gcj02坐标转换接口,该接口从2024年7月18日起被腾讯逐步下线,导致老版本中本API无法使用。请升级到4.24+。 uni-app x 4.24以前,Web平台本API调用了腾讯地图的免费gcj02坐标转换接口,该接口从2024年7月18日起被腾讯逐步下线,导致老版本中本API无法使用。请升级到4.24+。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册