优化

MrShi

2025-09-15 856f526f823f5dad88c28657d82f971ff66afb1e

 bicycle/unpackage/dist/dev/mp-weixin/pages/maps/maps.wxss

@@ -28,6 +28,31 @@
  width: 100vw;
  height: 100vh;
}
.ditu .index_scancode.data-v-36df0b66 {
  width: 100%;
  background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 58%, #D0FFFD 100%);
  box-shadow: 0rpx -6rpx 16rpx 0rpx rgba(0, 0, 0, 0.1);
  border-radius: 32rpx 32rpx 0rpx 0rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 30rpx 20rpx;
  box-sizing: border-box;
  z-index: 9999;
}
.ditu .index_scancode .index_scancode_bottom.data-v-36df0b66 {
  width: 100%;
  height: 96rpx;
  line-height: 96rpx;
  text-align: center;
  background: #01B6AD;
  box-shadow: 0rpx 6rpx 16rpx 0rpx rgba(1, 182, 173, 0.24);
  border-radius: 46rpx;
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.ditu .ditu_map.data-v-36df0b66 {
  width: 100%;
  height: 100%;
@@ -43,9 +68,11 @@
  border-radius: 50rpx;
  box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.1);
}
.ditu .ditu_map .customCallout image.data-v-36df0b66 {
.ditu .ditu_map .customCallout .image.data-v-36df0b66 {
  width: 28rpx;
  height: 28rpx;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ditu .ditu_map .customCallout .mm.data-v-36df0b66 {
  font-size: 28rpx;
@@ -117,11 +144,53 @@
  color: #FFFFFF;
  margin-top: 40rpx;
}
.ditu .dw.data-v-36df0b66 {
.ditu .search.data-v-36df0b66 {
  width: 100%;
  position: absolute;
  padding: 0 30rpx;
  box-sizing: border-box;
  bottom: calc(env(safe-area-inset-bottom) + 100rpx);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9999;
}
.ditu .search .search_left.data-v-36df0b66 {
  width: 400rpx;
  height: 60rpx;
  border-radius: 30rpx;
  display: flex;
  align-items: center;
  padding: 0 20rpx;
  box-sizing: border-box;
}
.ditu .search .search_left image.data-v-36df0b66 {
  width: 28rpx;
  height: 28rpx;
  flex-shrink: 0;
}
.ditu .search .search_left text.data-v-36df0b66 {
  font-weight: 400;
  font-size: 26rpx;
  color: #222222;
  margin-left: 10rpx;
  flex-shrink: 0;
}
.ditu .search .search_left .search_left_x.data-v-36df0b66 {
  width: 2rpx;
  height: 24rpx;
  margin: 0 10rpx;
  background-color: #E5E5E5;
  flex-shrink: 0;
}
.ditu .search .search_left input.data-v-36df0b66 {
  flex: 1;
  height: 100%;
  font-weight: 400;
  font-size: 26rpx;
  color: #000000;
}
.ditu .search .dw.data-v-36df0b66 {
  width: 80rpx;
  height: 80rpx;
  position: absolute;
  right: 18rpx;
  bottom: calc(env(safe-area-inset-bottom) + 300rpx);
}