@fanpian/v-region-update-area/src/styles/region.styl

一个简单的中国行政区划组件.从v-region插件来,改变了下数据源.

div.v-region
  display inline-block
  select
    width auto
    display inline-block
    overflow hidden
    box-sizing content-box
    padding 0 12px
    margin-right 5px
div.rg-caller-container
  display inline-block

.rg-default-btn
  display inline-block
  position relative
  padding 6px 12px
  background-color white
  border 1px solid #ccc
  border-radius 4px
  font-size 14px
  line-height 1.42857143
  outline 0 !important
  color #666
  transition color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
  span.rg-caret-down
    transition transform .2s ease
  span.rg-clear-btn
    margin-left 5px
    &:hover
      font-weight bold
  &.rg-opened
    box-shadow 0 0 0 3px rgba(0, 0, 0, 0.08)
    border 1px solid #aaa
    color black
    span.rg-caret-down
      transform rotate(180deg)
    &:hover
      border 1px solid #aaa
  &:hover
    border 1px solid #aaa
    color black
.rg-caret-down
  display inline-block
  width 0
  height 0
  margin-left 5px
  border-top 4px solid
  border-left 4px solid transparent
  border-right 4px solid transparent
  /*float right*/
  /*margin-top 3px*/
  vertical-align middle
  content ""
  /*
  position absolute
  top 7px
  right 10px
  */
.rg-input
  display block
  background-color #f5f5f5
  margin 0 !important
  border 0
  width 100%
  font-size 14px
  line-height 1.42
  padding 4px 6px
  vertical-align middle
  box-sizing border-box
  outline none !important
  border-radius 2px