/* pages/map/map.wxss */ page { height: 100%; } /* 搜索区 */ .search{ display: flex; position: relative; width: 100%; height: 60rpx; } /* 搜索输入框 */ .searchInput{ width: 78%; height: 60rpx; margin-left: 20rpx; border: 1rpx solid gray; border-radius: 30rpx; padding-left: 30rpx; } /* 搜索按钮 */ .searchBtn{ margin-left: 20rpx; font-size: 36rpx; line-height: 60rpx; } /* 地图区 */ .myMap { margin-top: 20rpx; width: 100%; height: 93%; } /* 右下角两个按钮样式 */ .locat{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 60rpx; right: 30rpx; } /* 我的位置按钮 */ .iconBtn{ margin-bottom: 20rpx; width: 80rpx; height: 80rpx; } /* 返回按钮 */ .iconBtn2{ margin-bottom: 20rpx; width: 60rpx; height: 60rpx; } /* 搜索区 */ .searchContain{ background-color: #fff; position: fixed; top: 64rpx; width: 100%; height: 100%; padding-left: 30rpx; } /* 搜索区列表 */ .searchList{ z-index: 3; background-color: #fff; padding: 20rpx 0 0 0; } /* 蒙层样式 */ .mask{ z-index: 2; /* background-color: rgba(0,0,0,.3); */ position: fixed; top: 0; left: 0; right: 0; bottom: 0; } /* 搜索内容区 */ .searchContent{ display: flex; flex-direction: column; position: relative; width: 100%; height: 60rpx; }