更新记录

0.0.3(2020-06-04)

更新骨架屏配置

0.0.1(2020-05-20)

骨架屏组件提交


平台兼容性

zx-Keel

基础功能演示地址:基础功能演示地址

集成框架演示地址:集成框架演示地址

安装方法

cnpm i -S zx-Keel

keel 组件 main.js 全局引入

import Vue from 'vue'
import {Keel,Heading,Img,Text} from 'zx-Keel'
Vue.component('byui-Keel', Keel)
Vue.component('byui-Keel-Heading', Heading)
Vue.component('byui-Keel-Img', Img)
Vue.component('byui-Keel-Text', Text)

template 完整示例

<template>
    <div id="app">
        <byui-Keel v-if="show">
            <byui-Keel-Heading :Img="true" />
            <byui-Keel-Text :lines="5" />
        </byui-Keel>
    </div>
</template>

<script>
export default {
    name: 'app',
    data() {
        return {
            show: true
        };
    },
    mounted() {
        setTimeout(() => {
            this.show = false;
            alert('加载完成,关闭龙骨')
        }, 3000);
    }
};
</script>

<style>
body {
    margin: 0;
    padding: 0;
}
#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    Text-align: center;
    color: #2c3e50;
    padding: 20px;
}
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问