首页 > 其他分享 >如何引用uni-app组件

如何引用uni-app组件

时间:2022-10-27 22:25:22浏览次数:55  
标签:style app 绑定 点击 组件 uni

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

 

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

 

 

 

 

根据下方的说明来使用

一、引入组件

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

 

 在上方加入组件

(可以修改组件的源码

二、调整style

 

 

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

 

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

三、增加点击效果

 

 增加变量和一个flag

 

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

 

 在监听事件中写入

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

 

 

标签:style,app,绑定,点击,组件,uni
From: https://www.cnblogs.com/LuMinarY-/p/16834201.html

相关文章

  • Basil: A Fast and Byzantine-Resilient Approach for Decentralized Training 阅读笔
    Basil:AFastandByzantine-ResilientApproachforDecentralizedTraining阅读笔记ProblemStatementDecentralizedSystemModel所有训练数据样本存储在分布式节......
  • Unity UGUI
    一个UI控件是由多个组件组成的,每一个组件都是一个类TEXT(文本控件)Font:字体可以更改显示的字体样式也可以导入外部字体样式FontStyle:字体风格Normal正常默认风格......
  • 百度应用市场 app 认领
    jarsigner-verbose-keystoreE:\test\aaa.jks-signedjarE:\test1\Baidu_Claim_unsigned.apkE:\test\Baidu_Claim_unsigned.apksan123备注:为签名文件 E:\test......
  • 车辆美容保养APP开发方案
    如今,我国汽车保有量越来越多,汽车成为越来越多家庭的代步工具,那么,如何开发一个汽车保养APP呢?汽车保养APP开发功能有哪些?1、服务内容:汽车美容保养APP系统涵盖汽车维修、保养......
  • c#的winform组件中,Menu和MenuStrip,以及MenuItem和ToolStripMenuItem有什么区别?
    https://zhidao.baidu.com/question/572383135.html首先从字面上理解,Menu就是菜单,MenuStrip是菜单栏,MenuItem是菜单项,ToolStripMenuItem是工具栏菜单项Menu是Form类的一个......
  • Ambiguous field mapping detected!
     启动springboot应用报错Causedby:org.springframework.data.mapping.MappingException:Ambiguousfieldmappingdetected!Bothprivateintjava.text.NumberFo......
  • React进阶篇——十、高阶组件使用场景
    十、高阶组件使用场景操纵props在被包装组件接收props前,高阶组件可以先拦截到props,对props执行增加、删除或修改的操作,然后将处理后的props再传递给被包装组件,上一篇的......
  • 微信小程序开通无感支付(微信支付分)--uni-app版
    1、打开微信支付分页面:首先需要将这个小程序绑定的商户号开通微信支付分服务,然后使用navigateTominiProgram跳转微信支付分小程序,跳转时需要传参,其中appId和path是固定的(......
  • LeetCode_Array_63. Unique Paths II (C++)
    目录​​1,题目描述​​​​2,思路​​​​3,代码​​​​4,测试结果​​1,题目描述Arobotislocatedatthetop-leftcornerofamxngrid(marked'Start'inthediagra......
  • LeetCode_Array_62. Unique Paths (C++)
    目录​​1,题目描述​​​​2,思路​​​​思路一:排列组合​​​​思路二:动态规划​​​​方法一:空间复杂度O(m*n)​​​​方法二:空间复杂度O(2n)​​​​方法三:空间复杂度O(n......