dcc
2024-06-07 d5381ec06ab5f549fade867c3a874de613bdd5d4
src/page/certificationCenter/contentCom.vue
@@ -1,53 +1,60 @@
<template>
    <div>
        <div class="flex items-center font-30 textColor">
            <img v-if="state" src="../../assets/image/certificationCenter/kfc.png" class="w-36 h-36" alt="" />
            <img v-else src="../../assets/image/certificationCenter/nokfc.png" class="w-36 h-36" alt="" />
            <span class="ml-24 textColor">{{contentObj.title}}</span>
        </div>
        <div class="flex items-center mt-44 font-30 justify-between" v-for="(item,index) in contentObj.list" :key="index">
            <span class="text-grey">{{item.left}}</span>
            <span class="textColor">{{item.right}}</span>
        </div>
  <div>
    <div class="flex items-center font-30 textColor">
      <img
        v-if="state"
        src="../../assets/image/certificationCenter/kfc.png"
        class="w-36 h-36"
        alt=""
      />
      <img
        v-else
        src="../../assets/image/certificationCenter/nokfc.png"
        class="w-36 h-36"
        alt=""
      />
      <span class="ml-24 textColor">{{ contentObj.title }}</span>
    </div>
    <div
      class="flex items-center mt-44 font-30 justify-between"
      v-for="(item, index) in contentObj.list"
      :key="index"
    >
      <span class="text-grey">{{ item.left }}</span>
      <span class="textColor">{{ item.right }}</span>
    </div>
  </div>
</template>
<script>
    export default {
        props: {
            state:{
                type: Boolean,
                default:false
export default {
  props: {
    state: {
      type: Boolean,
      default: false,
    },
    contentObj: {
      type: Object,
      default() {
        return {
          title: "",
          list: [
            {
              left: "",
              right: "",
            },
            contentObj: {
                type: Object,
                default() {
                    return {
                        title: '',
                        list: [
                            {
                                left: '',
                                right: ''
                            }
                        ]
                    }
                }
            }
        },
        components: {
        },
        data(){
            return {
            }
        },
        methods: {
        }
    }
          ],
        };
      },
    },
  },
  components: {},
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>