.location-picker-container { display: flex; flex-direction: column; min-height: calc(100vh - 56px); background-color: #f5f7fa; margin-top: 0px; /* 占位区样式 */ .placeholder-container { width: 100%; flex: 1; background-color: #ffffff; display: flex; justify-content: center; align-items: center; .placeholder-content { color: #86909c; font-size: 16px; } } /* 手动输入区域样式 */ .manual-input-container { width: 100%; background-color: #f5f7fa; // padding: 12px 0; /* 区域选择样式 */ .area-selection-container { background-color: #ffffff; // margin-bottom: 12px; // padding-left: 16px; padding-right: 16px; .area-form-item { // padding-top: 12px; height: 47px; .dtm-list-line{ padding: 0px; .dtm-list-content{ height: 47px; .dtm-select{ .dtm-select-default-item{ .dtm-list-content{ display: flex; align-items: center; justify-content: flex-end; } } .dtm-select-placeholder{ display: flex; align-items: center; height: 100%; justify-content: flex-end; } } } } .dtm-form-item-default-label { height: 23px; font-size: 15px; font-weight: 400; color: #171a1d; line-height: 23px; } .dtm-select-placeholder { height: 23px; font-size: 15px; font-weight: 400; color: rgba(23,26,29,0.40); line-height: 23px; } } } /* 具体地点输入样式 */ .detail-location-container { background-color: #ffffff; // padding-left: 16px; // padding-right: 16px; height: 74px; .detail-form-item { padding-top: 12px; .dtm-form-item-default-label { height: 23px; font-size: 15px; font-weight: 400; color: #171a1d; line-height: 23px; margin-bottom: 8px; } .dtm-input-item { height: 23px; // border: 1px solid #e5e6eb; // border-radius: 4px; // padding: 0 12px; input { font-size: 15px !important; color: #171a1d; } &::placeholder { color: rgba(23,26,29,0.40); } } } } } /* 底部保存按钮样式 */ .bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; padding: 12px 16px; background-color: #ffffff; box-shadow: 0 -1px 4px rgba(0,0,0,0.08); .save-button { width: 100%; height: 44px; background-color: #1a6fb8; border-color: #1a6fb8; border-radius: 4px; font-size: 16px; font-weight: 500; &:active { background-color: darken(#1a6fb8, 10%); } } } }