地图缩放控制器样式
以下是使用CSS样式定义的地图缩放控制器(.tmap-zoom-control
)和其子元素(.tmap-zoom-content
)的样式。
.tmap-zoom-control
该类用于设置地图缩放控制器的整体外观和布局。它包含以下属性:
margin
:设置外边距,分别为上、右、下、左。display
:定义组件的显示方式,此处设置为Flex布局。flex-direction
:定义Flex容器的主轴方向,可以为row或column。justify-content
/align-items
:分别定义水平和垂直方向对齐方式。position
:定义组件在页面中的位置。width
/height
:设置组件的宽度和高度。background
:设置组件的背景颜色。box-shadow
:设置组件的阴影效果。border-radius
:设置组件的边角圆角半径。
.tmap-zoom-content
该类用于设置地图缩放内容的样式。它继承了.tmap-zoom-control
类的所有属性,并添加了一些特定的属性来实现特定功能,例如自动伸缩以适应内容大小。
它的flex-grow
属性被设置为0,这意味着它会根据父容器(.tmap-zoom-control
)的大小自动调整自身的大小,而不会超过父容器的范围。此外,它还具有其他一些可定制的属性,如flex-order
,可以根据需要调整子元素在Flex容器中的顺序。