|
@@ -1,6 +1,6 @@
|
|
|
import request from '@/helpers/request'
|
|
|
import { state } from '@/state'
|
|
|
-import { Button, Icon } from 'vant'
|
|
|
+import { Button, Icon, Image, Loading } from 'vant'
|
|
|
import { defineComponent, reactive, onMounted } from 'vue'
|
|
|
import { useRouter } from 'vue-router'
|
|
|
import { getImage } from './images'
|
|
@@ -24,7 +24,6 @@ export default defineComponent({
|
|
|
return (
|
|
|
<div
|
|
|
class={styles.container}
|
|
|
- style={{ backgroundImage: `url(${item.icon})` }}
|
|
|
onClick={() => {
|
|
|
router.replace({
|
|
|
path: '/accompany/musicList',
|
|
@@ -34,14 +33,19 @@ export default defineComponent({
|
|
|
})
|
|
|
}}
|
|
|
>
|
|
|
- <div class={styles.title}>{item.title}</div>
|
|
|
+ <Image src={item.icon} width="100%" height="100%">
|
|
|
+ {{
|
|
|
+ loading: () => <Loading type="spinner" size="20" />
|
|
|
+ }}
|
|
|
+ </Image>
|
|
|
+ {/* <div class={styles.title}>{item.title}</div>
|
|
|
<div class={styles.sub}>{item.subtitle}</div>
|
|
|
<div
|
|
|
class={styles.btn}
|
|
|
style={{ backgroundImage: `url(${item.btnIcon})`, color: item.color }}
|
|
|
>
|
|
|
GO <Icon name="arrow" />
|
|
|
- </div>
|
|
|
+ </div> */}
|
|
|
</div>
|
|
|
)
|
|
|
})}
|