2024-03-24 17:50:12 +08:00
|
|
|
<template>
|
2024-03-25 08:52:37 +08:00
|
|
|
<div>
|
|
|
|
|
<div class="bbb">{{ val }}</div>
|
|
|
|
|
<img :src="Tom" />
|
|
|
|
|
<SvgIcon :name="'snow'" :size="20" />
|
|
|
|
|
</div>
|
2024-03-24 17:50:12 +08:00
|
|
|
</template>
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { ref } from "vue";
|
2024-03-25 08:52:37 +08:00
|
|
|
import Tom from "@assets/img/tom.jpg";
|
2024-03-24 23:46:49 +08:00
|
|
|
const val = ref<number>(300);
|
2024-03-24 17:50:12 +08:00
|
|
|
</script>
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.read-the-docs {
|
|
|
|
|
color: #888;
|
|
|
|
|
}
|
2024-03-25 08:52:37 +08:00
|
|
|
.bbb {
|
|
|
|
|
user-select: none;
|
|
|
|
|
width: 200px;
|
|
|
|
|
padding: 10px;
|
2024-03-24 17:50:12 +08:00
|
|
|
}
|
|
|
|
|
</style>
|