uni-app列表导航组件

列表导航组件的简单封装      实现组件的公用

效果图  点击可以跳转页面   

 图片资源

http://www.iconfont.cn/search/index?q=%E7%94%A8%E6%88%B7

 

组件名 uni-common-go.vue

调用方法：

1引入组件

import UniCommonGo from '../../component/uni-common-go.vue'

2注册组件

components:{
			UniCommonGo
		},

3使用

data(){
			return{
				leftIcon:require('../../static/img/rizhi.png'),
				rightIcon:require('../../static/img/backRight.png'),
				leftText:"公用组件1",
				params:"login"
				}

参数说明：

                leftIcon:左边图片路劲
                rightIcon:右边图片路劲
                leftText:左边文字
                params:跳转的路由名称