<template>
  <div class="info">
    <p class="title">某某党组织</p>
    <n-space>
      <span class="tag red">荣获区级奖项党组织</span>
      <span class="tag blue">荣获市级及以上奖项党组织</span>
    </n-space>
    <p>上海市浦东新区梅花路1099号</p>
    <div class="box flex">
      <div>
        <span>党员数量</span>
        <p>1000</p>
      </div>
      <div>
        <span>党委书记</span>
        <p>刘某某</p>
      </div>
    </div>
    <div class="box">
      <div>
        <span>党委副书记</span>
        <p>陈某某</p>
      </div>
      <div>
        <span>上级党组织名称</span>
        <p>xxxxxx</p>
      </div>
      <div>
        <span>联系电话</span>
        <p>189********</p>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="stylus" scoped>
@import '../../components/MyComponent/main.styl'
.info
  background $bg
  $blur()
  border-radius .04rem
  box-sizing border-box
  padding .1rem
  max-width 3rem
  max-height 44vh
  .title
    font-size .13rem
    font-family $font-ping-medium
  .tag
    display inline-block
    box-sizing border-box
    padding .02rem .06rem
    font-size .08rem
    margin .05rem 0
    border-radius .03rem
    font-family $font-ping-medium
    &.red
      background $light-red
      color $red
    &.blue
      background $light-blue
      color $blue
  .box
    background $bg
    border-radius .03rem
    margin-top .05rem
    box-sizing border-box
    padding .1rem
    &.flex
      display flex
      >div
        margin-right .2rem
    span
      color $gray
    p
      margin-bottom .03rem
      font-family $font-ping-medium
</style>
