first commit

huzheng12

2024-05-06 3ed2cb78a690b64c3b2646d35e1500081186dfa3

 src/page/certificationCenter/contentCom.vue

@@ -1,11 +1,25 @@
<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="" />
      <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">
    <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>
@@ -17,37 +31,30 @@
        props: {
            state:{
                type: Boolean,
                default:false
      default: false,
            },
            contentObj: {
                type: Object,
                default() {
                    return {
                        title: '',
          title: "",
                        list: [
                            {
                                left: '',
                                right: ''
                            }
                        ]
                    }
                }
            }
              left: "",
              right: "",
        },
        components: {

          ],
        };
        },
    },
  },
  components: {},
        data(){
            return {
                
            }
    return {};
        },
        methods: {

        }
    }
  methods: {},
};
</script>

<style lang="scss" scoped>

</style>