admin管理员组文章数量:1536107
2024年6月13日发(作者:)
});
});
},
// 保存提交
save() {
this.$emit('locationSure', Result)
this.$emit('update:primitiveData', Result)
()
},
// 关闭弹框
hide() {
ow = false
alue = ''
this.$emit("update:dialogShow", false)
},
},
};
ul,
dl {
padding: 0;
margin: 0;
list-style-type: none;
}
::-webkit-scrollbar {
display: none;
}
.amap-demo {
width: 100%;
height: 600px;
position: relative;
}
.site /deep/ {
.el-dialog__body {
padding: 0;
border-bottom: 1px solid #E4E4E4;
}
.app-container {
padding: 0;
}
.search-box {
height: 35px;
margin: 10px auto;
width: calc(100% - 20px);
// border-radius:16px;
box-shadow: none;
background: #ffff;
border: 1px solid #e6e6e6;
.search-box-wrapper {
input {
background: #fff;
padding-left: 20px;
}
.search-btn {
color: #2A67FE;
width: 90px;
height: 20px;
box-sizing: border-box;
border-left: 1px solid #D7D7D7;
}
}
}
}
.searchBox {
width: 100%;
height: 230px;
border-radius: 10px 10px 0 0;
background: #fff;
font-size: 13px;
color: #333333;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
margin-top: 10px;
overflow: hidden;
.searchContainer {
height: 180px;
margin-top: 10px;
overflow-y: auto;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.searchItem {
color: #333;
font-size: 13px;
text-align: left;
padding: 7px 10px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #e6e6e6;
cursor: pointer;
}
}
::v-deep .el-vue-search-box-container .search-tips {
width: 100%;
top: 100%;
max-height: 190px;
overflow: auto;
}
.active {
background: #DBE5F2;
}
.searchInput {
margin: 0px 10px;
background: #F7F8FA;
border-radius: 16px;
margin-top: 5px;
height: 32px;
width: calc(100% - 20px);
box-sizing: border-box;
}
版权声明:本文标题:vue2中使用高德地图实现搜索定位(二) 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1718223025a655214.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论