battery.vue：模拟电池充电vue插件

• Z时代
• 2024-01-10
• 分类：技术分享

插件预览图

使用教程

1.插件代码拷贝

• 下载后把components目录下/battery/battery.vue文件拷贝到自己项目目录下

2.插件全局配置

• 在项目里main.js中配置如下代码

import battery from './components/battery/battery.vue'
Vue.component('battery',battery)

3.插件使用

• vue页面使用

<template>
    <view>
        <battery class="battery"/>
    </view>
</template>
<script>
    export default {
        data() {
            return {
            }
        },
        methods: {
        }
    }
</script>
<style>
.battery{
    margin: auto;
}
</style>

兼容性

uni-app项目中使用都兼容

项目地址：github地址

以上是 battery.vue：模拟电池充电vue插件 的全部内容， 来源链接： utcz.com/a/13105.html