### GoodsNav 商品导航
*已经支持在nvue页面中使用*
商品加入购物车，立即购买，组件名：`uni-goods-nav`，代码块： uGoodsNav。
### 使用方式
引用组件
```javascript
import uniGoodsNav from '@/components/uni-goods-nav/uni-goods-nav.vue'
export default {
components: {uniGoodsNav}
}
```
使用组件
```html
<uni-goods-nav :fill="true" :options="options" :buttonGroup="buttonGroup" @click="onClick" @buttonClick="buttonClick" />
```
```javascript
export default {
data () {
return {
options: [{
icon: 'headphones',
text: '客服'
}, {
icon: 'shop',
text: '店铺',
info: 2,
infoBackgroundColor:'#007aff',
infoColor:"red"
}, {
icon: 'cart',
text: '购物车',
info: 2
}],
buttonGroup: [{
text: '加入购物车',
backgroundColor: '#ff0000',
color: '#fff'
},
{
text: '立即购买',
backgroundColor: '#ffa200',
color: '#fff'
}
]
}
},
methods: {
onClick (e) {
uni.showToast({
title: `点击${e.content.text}`,
icon: 'none'
})
},
buttonClick (e) {
console.log(e)
this.options[2].info++
}
}
}
```
### 属性说明
|属性名 |类型 |默认值 |说明 |
|:-: |:-: |:-: |:-: |
|options |Array |- |组件参数 |
|buttonGroup|Array |- |组件按钮组参数 |
|fill |Boolean|false |按钮是否平铺 |
**options 参数说明：**
|属性名 |类型 |默认值 |说明 |
|:-: |:-: |:-: |:-: |
|text |String |- |显示文字 |
|icon |String | |图标，[参考](https://ext.dcloud.net.cn/plugin?id=28) |
|info |Number |0 |右上角数字角标 |
|infoBackgroundColor|String |#ff0000|角标背景色 |
|infoColor |String |#fff |角标前景色 |
**buttonGroup 参数说明：**
|属性名 |类型 |默认值 |说明 |
|:-: |:-: |:-: |:-: |
|text |String |- |按钮文字 |
|backgroundColor |String |- |按钮背景色 |
|color |String |- |字体颜色 |
### 事件说明
|事件名 |说明 |返回值 |
|:-: |:-: |:-: |
|@click |左侧点击事件 |e = {index,content}|
|@buttonClick |右侧按钮组点击事件 |e = {index,content}|
### 插件预览地址
[https://uniapp.dcloud.io/h5/pages/extUI/goods-nav/goods-nav](https://uniapp.dcloud.io/h5/pages/extUI/goods-nav/goods-nav)
基于前后端分离的微信小程序商城(Springboot + uni-app).zip （223个子文件） 
mvnw.cmd 6KB iconfont.eot 5KB iconfont.eot 5KB .gitignore 395B favicon.ico 6KB
maven-wrapper.jar 50KB MavenWrapperDownloader.java 5KB MySwagger.java 3KB ImagesplusServiceImpl.java 2KB ImagesplusController.java 2KB JwtUtil.java 2KB MyDruid.java 2KB ImagesServiceImpl.java 2KB NewController.java 2KB InfoServiceImpl.java 2KB Desc1ServiceImpl.java 2KB NewServiceImpl.java 2KB InfoController.java 2KB Desc1Controller.java 2KB ImagesController.java 2KB MybatisPlusConfig.java 2KB MyWebCrossOrgin.java 2KB CategoryController.java 2KB NewslistController.java 2KB Goods.java 2KB CategoryServiceImpl.java 2KB GoodsController.java 2KB UnboController.java 2KB GoodsServiceImpl.java 2KB Info.java 1KB NewslistServiceImpl.java 1KB Newslist.java 1KB UnboServiceImpl.java 1KB New.java 1KB MyMetaObjectHandler.java 1KB Images.java 1KB Imagesplus.java 980B Desc1.java 974B ImagesplusService.java 936B Category.java 908B ImagesService.java 893B Unbo.java 890B InfoService.java 877B NewService.java 862B Desc1Service.java 846B UnboService.java 646B NewslistService.java 642B CategoryService.java 625B GoodsService.java 580B ImagesplusMapper.java 504B ImagesMapper.java 498B Desc1Mapper.java 495B InfoMapper.java 492B NewslistMapper.java 492B CategoryMapper.java 492B GoodsMapper.java 483B NewMapper.java 477B UnboMapper.java 465B ResultResponse.java 385B Constants.java 329B MyPage.java 320B MyShopApplication.java 313B MyToken.java 300B
QQ图片20210309102618.jpg 252KB 1.jpg 100KB 1.jpg 100KB vendor.js 236KB goods-detail.js 34KB goods.js 33KB index.js 32KB uni-goods-nav.js 31KB news.js 31KB pics.js 31KB new-detail.js 30KB contact.js 29KB news-item.js 29KB goods-list.js 28KB main.js 19KB member.js 18KB cat.js 17KB runtime.js 12KB api.js 589B main.js 545B app.js 89B pages.json 3KB manifest.json 3KB package.json 2KB app.json 1KB project.config.json 513B launch.json 457B sitemap.json 191B sitemap42.json 191B sitemap86.json 191B sitemap23.json 191B sitemap84.json 191B sitemap57.json 191B sitemap85.json 191B sitemap6.json 191B sitemap54.json 191B sitemap98.json 191B共 223 条
- 1
- 2
- 3
资源评论
