MiFaZhan
3106d96ac7
iotlcm-admin-ui：管理前端（基于 Vben Admin 5.5.9 二次开发）。 - 天地图 API Key → YOUR_TIANDITU_KEY - OAuth 客户端 ID → your-client-id，store 加密密钥 → 提示自行替换 - Makefile 移除明文 registry 登录口令，镜像地址改 - appIcon 指向内网图床的链接 → /favicon.ico - 真实手机号 → 合法 11 位编造号（保留号段前 3 位 + 后 4 位） - 真实邮箱 → example.com（署名头内的上游作者邮箱保留） - 移除 CI 触发器 - 补 MIT LICENSE（含 Vben Admin 上游声明）+ README - 统一 LF 行尾并加 .gitattributes 上游 Vben Admin 的版权与许可声明完整保留（各源文件 @Author/@Copyright 头 + LICENSE）。
41 lines
720 B
Vue
41 lines
720 B
Vue
<script setup lang="ts">
|
|
import type { CSSProperties } from 'vue';
|
|
|
|
import { computed, ref, useTemplateRef } from 'vue';
|
|
|
|
const props = defineProps<{
|
|
barStyle: CSSProperties;
|
|
toLeft: boolean;
|
|
}>();
|
|
|
|
const barRef = useTemplateRef<HTMLDivElement>('barRef');
|
|
|
|
const width = ref('0');
|
|
|
|
const style = computed(() => {
|
|
const { barStyle } = props;
|
|
return {
|
|
...barStyle,
|
|
width: width.value,
|
|
};
|
|
});
|
|
|
|
defineExpose({
|
|
getEl: () => {
|
|
return barRef.value;
|
|
},
|
|
setWidth: (val: string) => {
|
|
width.value = val;
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
ref="barRef"
|
|
:class="toLeft && 'transition-width !w-0 duration-300'"
|
|
:style="style"
|
|
class="bg-success absolute h-full"
|
|
></div>
|
|
</template>
|