27 lines
822 B
JavaScript
27 lines
822 B
JavaScript
// my-component.js
|
||
// 引入全局 Vue 对象（因在 HTML 中通过 script 引入，Vue 已挂载到 window）
|
||
const { defineComponent, ref, onMounted, onUnmounted } = Vue;
|
||
|
||
// 定义组件（直接使用模板）
|
||
export const loadBox = defineComponent({
|
||
name: "load-box",
|
||
props: {
|
||
loading: {
|
||
type: String,
|
||
default: "",
|
||
},
|
||
},
|
||
setup(props) {
|
||
let valueUrl = ref("");
|
||
|
||
onMounted(() => {
|
||
const valueA = document.querySelector(".valueA");
|
||
valueUrl.value = valueA.innerText;
|
||
});
|
||
|
||
return { valueUrl };
|
||
},
|
||
|
||
template: `<div class="list-load-box flexcenter" :class="{'show': loading}"><img class="list-load-icon" :src="valueUrl + '/img/load-icon.svg'" /><div class="list-load-text">加载中</div></div>`,
|
||
});
|