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

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/
相关推荐
xiaopang7 小时前
一次小程序 Canvas 海报真机调试复盘:从空白导出到 iOS 保存失败
uni-app
MrFlySand_飞沙11 小时前
uniapp开发微信小程序实现接入企业微信客服
微信小程序·小程序·uni-app·企业微信
PedroQue991 天前
Vue Router 4.x风格导航守卫全面升级
前端·uni-app
Haibakeji1 天前
APP小程序定制开发项目频繁延期?前期规避方法与落地避坑指南
小程序·uni-app·软件需求
anyup1 天前
迁移uni-app x,我是如何让 AI 把我一步步搞崩溃的...
前端·uni-app·trae
2501_916007472 天前
申请 iOS 推送证书并配置 APNs 群发推送教程
android·ios·小程序·https·uni-app·iphone·webview
博客zhu虎康2 天前
uni-app云打包显示编译成功,但是一直没有进入打包队列,后面也一直没反应
uni-app
JavaDog程序狗2 天前
【指南】uni-app微信小程序多环境CI-CD完全指南
ci/cd·uni-app·jenkins
PedroQue992 天前
uni-router v2.1.0 升级:导航守卫全面支持返回值模式
前端·uni-app
2501_915909063 天前
iOS test 测试怎么做?功能、性能、兼容、稳定与安全五类测试指南
android·ios·小程序·https·uni-app·iphone·webview