Skip to content

便捷工具

此封装方法挂载在全局上,通过全局注入可以开箱即用。

全局注入

typescript
import { globalRegister } from "@hy-app/ui";
import { createSSRApp } from "vue";

export function createApp() {
  const app = createSSRApp(App);
  app.use(globalRegister);
  return { app };
}

函数列表

$hy.addUnit(value, unit?) => string

为数值添加单位,全局便捷调用。

参数

参数名类型必填默认值说明
valuestring | number-需要添加单位的值
unitstringpx添加的单位名

返回值

类型说明
string添加单位后的字符串

示例

html
<template>
  <view :style="{ height: $hy.addUnit(10) }"></view>
</template>

$hy.random(min, max) => number

生成指定范围内的随机整数,全局便捷调用。

参数

参数名类型必填默认值说明
minstring | number-最小值
maxstring | number-最大值

返回值

类型说明
number随机数

示例

html
<template>
  <view>{{$hy.random(1, 10)}}</view>
</template>

$hy.formatTime(timestamp, fmt?) => string

格式化时间戳为指定格式,全局便捷调用。

参数

参数名类型必填默认值说明
timestampstring | number-时间戳
fmtstringyyyy-MM-dd时间格式

返回值

类型说明
string格式化后的时间字符串

示例

html
<template>
  <view>{{$hy.formatTime(1702051200000)}}</view>
</template>

$hy.bytesToSize(bytes) => string

将字节数转换为可读单位,全局便捷调用。

参数

参数名类型必填默认值说明
bytesnumber-字节大小

返回值

类型说明
string转换后的可读单位字符串

示例

html
<template>
  <view>{{$hy.bytesToSize(10000)}}</view>
</template>