| | |
| | | <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> |