<template>
  <view class="ss-m-x-20 ss-p-b-100">
		<uni-section class="ss-m-y-20" title="职位基本信息" >
      <template v-slot:decoration>
        <view class="decoration decoration1">1</view>
      </template>
      <BaseInfo></BaseInfo>
    </uni-section>
    <uni-section class="ss-m-y-20" title="岗位要求" >
      <template v-slot:decoration>
        <view class="decoration decoration2">2</view>
      </template>
      <requirement></requirement>
    </uni-section>
  </view>
</template>
<script setup>
import BaseInfo  from './components/baseInfo.vue'
import requirement  from './components/requirement.vue'

</script>
<style scoped lang="scss">
.decoration {
  color: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  text-align: center;
  margin-right: 4px;
}
.decoration1 {
  background-color: #00B760;
}
.decoration2 {
  background-color: #7a87c9;
}
</style>