开发实战 - ego商城 -补充：使用uniapp扩展组件

abigale032025-11-02 20:36

uniapp扩展组件

uni-ui

1 示例：使用一个扩展组件uni-number-box

项目需要引入uni-number-box

1.1.1下载组件

选择项目

合并

uniapp-ego\uni_modules\uni-number-box

1.1.2 引入并使用组件

uni-number-box最小值为0，可以通过min属性自定义

cpp 复制代码

<template>
<uni-number-box min="1"></uni-number-box>
</template>
<script>
import CommodityList from "../../components/common/commodity-list.vue";
import Card from "../../components/common/card.vue";
import Split from "../../components/common/split.vue";
import UniNumberBox from "../../uni_modules/uni-number-box/components/uni-number-box/uni-number-box.vue";

export default {
  components: { CommodityList, Card, Split, UniNumberBox },
}
</script>

1.1.3 效果

1.1.4 ps：提交时过滤uni_modules文件夹

uniapp-ego.gitignore

.gitignore 复制代码

unpackage/
uni_modules/