|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<el-row class="notes animate__animated animate__backInRight">
|
|
<el-row class="notes animate__animated animate__backInRight">
|
|
<el-col :span="24" class="info">
|
|
<el-col :span="24" class="info">
|
|
- <div :class="['list', item.id == active ? 'activeList' : '']" v-for="item in list" :key="item"
|
|
|
|
|
|
+ <div :class="['list', item.id == active ? 'activeList' : '']" v-for="item in list" :key="item.title"
|
|
@click="toChange(item)">
|
|
@click="toChange(item)">
|
|
<el-col :span="24" class="imgs">
|
|
<el-col :span="24" class="imgs">
|
|
<el-image class="images" :src="item.url"></el-image>
|
|
<el-image class="images" :src="item.url"></el-image>
|
|
@@ -80,8 +80,8 @@ const list = ref([
|
|
])
|
|
])
|
|
|
|
|
|
/* 切换 */
|
|
/* 切换 */
|
|
-const toChange = (event: object) => {
|
|
|
|
- active.value = event['id']
|
|
|
|
|
|
+const toChange = (event: { id: string }) => {
|
|
|
|
+ active.value = event?.id
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|