开发实战 - 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/
相关推荐
Rysxt_6 小时前
UniApp五大UI框架与uni-ui核心区别对比
uni-app·uni-ui
2501_915918417 小时前
HTTPS 代理失效,启用双向认证(mTLS)的 iOS 应用网络怎么抓包调试
android·网络·ios·小程序·https·uni-app·iphone
2501_915106329 小时前
混合应用(Hybrid)安全加固,不依赖源码对成品 IPA 混淆
android·安全·小程序·https·uni-app·iphone·webview
00后程序员张10 小时前
无需越狱,来对 iOS 设备进行调试、管理与分析
android·ios·小程序·https·uni-app·iphone·webview
芒果大胖砸10 小时前
uniapp当中如何实现长按复制功能并且能够自由选择内容
开发语言·javascript·uni-app
00后程序员张10 小时前
在 iOS 上架中如何批量方便快捷管理 Bundle ID
android·ios·小程序·https·uni-app·iphone·webview
换日线°11 小时前
uni-app对接腾讯即时通讯 IM
前端·uni-app
咚咚?11 小时前
uniapp [JS Framework] 当前运行的基座不包含原生插件[xxxx],请在manifest中配置该插件,重新制作包括该原生插件的自定义运行基座
开发语言·javascript·uni-app
木子啊11 小时前
Uni-app生命周期:执行顺序与避坑指南
前端·javascript·uni-app
快起来搬砖了11 小时前
UniApp 全端兼容 OSS 视频上传实现方案
小程序·uni-app·app·h5·文件上传·oss文件上传