<template>
  <div class="info">
    <p class="title">某某党组织</p>
    <n-space>
      <n-tag class="tag" type="primary" size="small">荣获区级奖项党组织</n-tag>
      <n-tag class="tag" type="info" size="small">
        荣获市级及以上奖项党组织
      </n-tag>
    </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>
import { organization } from '@/util/tags'
</script>

<style lang="stylus" scoped>
@import '../../components/MyComponent/main.styl'
.info
  background $bg
  $blur()
  border-radius .04rem
  box-sizing border-box
  padding .1rem
  width 3rem
  max-height 50vh
  .title
    font-size .13rem
    font-family $font-ping-medium
  .tag
    margin .05rem 0
  .box
    background $white-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>
