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

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

div.rg-header
  min-width 400px
  background-color white
  & > h3
    padding 6px 80px 10px 10px
    margin 0
    text-align left
    color #24292e
    font-size 16px
    white-space nowrap
    font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
    .rg-header-selected
      white-space nowrap
      text-overflow ellipsis
      -o-text-overflow ellipsis
      overflow hidden
      font-size 14px
      max-width 310px
      display inline-block
  button
    position absolute
    -webkit-appearance none
    padding 0
    cursor pointer
    background 0 0
    border 0
    outline none
    line-height 100%
    color #999
    top 3px
    font-size 20px
    &.rg-close-button
      right 10px
      font-size 26px
      top 0
      font-weight 300
    &.rg-removeall-button
      right 32px
    &.rg-done-button
      /*right 54px*/
      right 8px
      top 4px
      i
        font-size 18px
    &:hover
        color black
div.rg-search
  padding 2px 10px 10px
  background-color white

div.rg-level-tabs
  padding 0 10px
  // border-bottom 1px solid #E6E7E7
  background-color white
  ul
    padding 0
    margin 0
    line-height 1.5
    border-bottom 1px solid #eee
    li
      display inline-block
      position relative
      &.active
        a
          color #333
          background-color #fff
          font-weight 600
        &:after
          content ""
          display block
          position absolute
          bottom 0
          height 0.2rem
          width 100%
          background-color #bbb
      a
        display block
        padding 0.2rem 1rem 0.6rem
        font-size 14px
        color #bbb
        text-decoration none
        cursor pointer
        line-height 1.43
        font-family "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial

div.rg-results-container
  background-color white
  list-style none
  margin 0
  padding 0
  position relative
  width 100%
  overflow-y auto
  overflow-x hidden
  clear both
  border-bottom-left-radius 2px
  border-bottom-right-radius 2px
  ul.rg-results
    background-color white
    list-style none
    margin 0
    padding 5px
    /*height 300px*/
    width 400px
    line-height 1.5
    li.rg-item
      display inline-block
      /*border 1px solid white*/
      border-radius 2px
      margin-right 5px
      color #777
      &:hover
        /*border 1px solid #DDDDDD*/
        /*box-shadow 0 1px 8px rgba(0,0,0,0.2)*/
        /*-moz-box-shadow 0 1px 8px rgba(0,0,0,0.2)*/
        /*-webkit-box-shadow 0 1px 8px rgba(0,0,0,0.2)*/
        color black
        background-color #F5F5F5
      &.active
        background-color #E4EAEE
        color black
    
    & > li
      /*height auto
      line-height 1*/
      margin 0
      overflow hidden
      padding 3px 10px
      position relative
      text-align left
      white-space nowrap
      font-size 14px
      color black
      cursor  pointer
      font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
      &.rg-message-box
        height 30px
        line-height 30px
        text-align center
        box-sizing content-box
        font-size 14px
        cursor default
        i
          font-size 18px