开发实战 - 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/
相关推荐
gys989514 小时前
uniapp使用sqlite模块
数据库·sqlite·uni-app
2501_9160074716 小时前
Fastlane 结合 开心上架(Appuploader)命令行实现跨平台上传发布 iOS App 的完整方案
android·ios·小程序·https·uni-app·iphone·webview
爱喝水的小周16 小时前
《UniApp 页面导航跳转全解笔记》
前端·uni-app
CV大师杨某16 小时前
如何在uni-app中禁用iOS橡皮筋效果?
ios·uni-app
More more17 小时前
uniapp实时查看在线监控,JessibucaMobile实现横屏播放
前端·javascript·uni-app·jessibucamobile
好想早点睡.18 小时前
vue2+UniApp微信小程序集成高德地图
微信小程序·小程序·uni-app
Jiaberrr18 小时前
解决uni-app通用上传与后端接口不匹配问题:原生上传文件方法封装 ✨
前端·javascript·uni-app
2501_9159184119 小时前
iOS 上架应用市场全流程指南,App Store 审核机制、证书管理与跨平台免 Mac 上传发布方案(含开心上架实战)
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915909061 天前
HTTPS 错误排查实战,从握手到应用层的工程化流程
网络协议·http·ios·小程序·https·uni-app·iphone