zhizhi-ui v0.1.4

zzui

开发须知

• 所有的组件必须写在packages目录下
• 以组件的名称作为文件夹名，首字母必须大写，如： packages/HelloWorld/index.js
• 组件内部必须声明 name 属性
• name 属性全部为小写字母，单词间用 - 来间隔
• style声明必须加上 scoped 关键字
• 组件最外层的样式名格式：${name}_wrapper
• 样式单位为 px

<template>
    <div class="hello-world_wrapper">
        <-- 这里写组件内容 -->
    </div>
</template>

<script>
export default {
    name: 'hello-world'
}
</script>

<style lang="less" scoped>
	.hello-world_wrapper{
        // 这里写样式
    }
</style>

调用测试

• 打开 packages/index.js 文件
• 引入相对应的组件，如：import HelloWorld from './HelloWorld'
• 并添加到 components 数组中
• 接着在 src/pages 目录下创建相对应的目录进行测试

使用方法

使用方法