开发实战 - 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/
相关推荐
anyup14 小时前
uni-app X 全屏引导页组件,一套支持 App、H5、小程序多端引导
前端·架构·uni-app
织_网2 天前
UniApp 快速集成个推推送(UniPush2.0)完整实战教程
uni-app
星星~笑笑2 天前
vue 超简单 oss分片上传文件 大文件上传阿里云
前端·javascript·vue.js·uni-app
jingling5552 天前
uni-app农场地图——高德 JS API 实现全解析(天地图影像作为layers)
uni-app
2501_916008893 天前
Mac 上生成 AppStoreInfo.plist 文件,App Store 上架
android·macos·ios·小程序·uni-app·iphone·webview
__zRainy__3 天前
uni-app 全局容器实战系列(四):全局容器动态调用设计
uni-app
2501_916007473 天前
iOS开发中抓取HTTPS请求的完整解决方法与步骤详解
android·网络协议·ios·小程序·https·uni-app·iphone
00后程序员张4 天前
Windows 下怎么生成 AppStoreInfo.plist?不依赖 Xcode 的方法
ide·macos·ios·小程序·uni-app·iphone·xcode
__zRainy__4 天前
uni-app 全局容器实战系列(二):Vite 虚拟模块
windows·uni-app
__zRainy__4 天前
uni-app 全局容器实战系列(一):全局容器的实现
uni-app·vite