p85126437
/
amis
forked from p96170835/amis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

添加城市选择器

This commit is contained in:
liaoxuezhi 2019-05-23 16:08:53 +08:00
parent a0a4c7198a
commit a4a3dd2b5c
5 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/components/Form/Full.jsx
View File

@ -993,6 +993,14 @@ export default {
{
type: "divider"
},
{
type: "city",
name: "city",
label: "城市选择器"
},
{
type: "divider"
},
{
type: "matrix",
name: "matrix",

31
scss/components/form/_city.scss Normal file
View File

@ -0,0 +1,31 @@
.#{$ns}CityPicker {
.#{$ns}Select + .#{$ns}Select {
margin-left: $gap-xs;
}
&-input {
outline: none;
vertical-align: middle;
margin-left: $gap-xs;
border: $Form-input-borderWidth solid $Form-input-borderColor;
border-radius: $Form-input-borderRadius;
// height: $Form-input-height;
line-height: $Form-input-lineHeight;
padding: $Form-input-paddingY $Form-input-paddingX;
font-size: $Form-input-fontSize;
&::placeholder {
color: $Form-input-placeholderColor;
user-select: none;
}
&:focus {
border-color: $Form-input-onFocused-borderColor;
box-shadow: $Form-input-boxShadow;
@if $Form-input-onFocused-bg !=$Form-input-bg {
background-color: $Form-input-onFocused-bg;
}
}
}
}

2
scss/components/form/_select.scss
View File

@ -114,6 +114,7 @@
&-arrow {
margin-right: $gap-xs;
margin-left: $gap-xs;
width: px2rem(20px);
text-align: center;
display: flex;
@ -152,6 +153,7 @@
&-menu {
max-height: px2rem(300px);
overflow: auto;
user-select: none;
}
&-option {

1
scss/themes/cxd.scss
View File

@ -440,6 +440,7 @@ $TagControl-sugTip-color: $primary;
@import "../components/form/text";
@import "../components/form/textarea";
@import "../components/form/checks";
@import "../components/form/city";
@import "../components/form/switch";
@import "../components/form/number";
@import "../components/form/select";

1
scss/themes/default.scss
View File

@ -67,6 +67,7 @@ $Form-input-borderColor: #cfdadd;
@import "../components/form/text";
@import "../components/form/textarea";
@import "../components/form/checks";
@import "../components/form/city";
@import "../components/form/switch";
@import "../components/form/number";
@import "../components/form/select";