如何引用uni-app组件

目的:找一个这样的卡片组件显示数据

 

在Dcloud里找到这样的插件并且引入

 

 

 

 

根据下方的说明来使用

一、引入组件

在右上方点击引入HbuilderX后,在需要应用的页面引用

 

 在上方加入组件

(可以修改组件的源码

二、调整style

 

 

 用vue框架整体框住并且增加style

 

 这样就能显示出目标样式的模板了

三、增加点击效果

 

 增加变量和一个flag

 

 让组件动态绑定变量(在前面加:表示v-bind绑定)

 

 在监听事件中写入

(问题:因为监听的是同一个事件并且绑定的都是一样的变量,所以组件多了就会点击产生相同效果,暂时搁置)

 

 

posted @ 2022-10-27 22:06  LuMinarY-  阅读(1067)  评论(0)    收藏  举报