自定义uniapp ui组件,做了个简单例子,打包发布到npm后,
1、通过npm命令安装组件。
npm install stbus-app-component --save
2、页面引用使用组件
<template>
<view class="content">
<m-error :item="errItem"></m-error>
</view>
</template>
<script>
import {mError} from 'stbus-app-component';
export default {
components: {
mError
},
data() {
let _errItem = {
loadingShow: false,
text: '测试封装组件'
}
return {
errItem: _errItem
}
}
}
</script>
3、运行页面,引入的组件view不会渲染成uni-view
<uni-view data-v-00e63058="" class="content">
<view data-v-00e63058="" class="m_error">
<image src="/static/images/err_data.png" class="error_img"></image>
<view class="error_text">测试封装组件</view>
</view>
</uni-view>
0 个回复