已阅读5页，还剩2页未读， 继续免费阅读
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
Vant组件库提供了Grid组件，用于实现网格效果，网格可以在水平方向上把页面分隔成等宽度的区块，一般用于同时展示多个同类项目的场景，例如微信支付页面。6.2.2Vant中的常用组件5.Grid组件Grid组件使用<van-grid>标签定义，在该标签中使用<van-grid-item>作为每一个网格元素的容器。<van-grid-item>标签的常用属性如下表所示。属性名描述icon图标名称或图片链接，等同于Icon组件的name属性text图标的文字内容to单击后跳转的目标路由对象，等同于vue-router的to属性url单击后跳转的链接地址dot是否显示图标右上角小红点，默认为falsebadge图标右上角徽标的内容6.2.2Vant中的常用组件演示一种基础的网格效果创建src\components\Grid.vue文件，在Vant官方文档中找到Grid组件相关代码，复制部分核心代码到当前文件中。步骤1步骤26.2.2Vant中的常用组件演示一种基础的网格效果实现一行中平均显示3列图片，图片素材从配套源代码中获取。步骤1步骤26.2.2Vant中的常用组件修改src\main.js文件，切换页面中显示的组件。importAppfrom'./components/Grid.vue'组件的文件名步骤1步骤26.2.2Vant中的常用组件演示一种基础的网格效果在浏览器中查看Vant的网格效果如下图所示。6.2.2Vant中的常用组件若想网格的内容呈横向排列，则可以为<van-grid>标签添加direction属性，将属性值设置为horizo
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- GB/T 20671.2-2026非金属垫片材料分类体系及试验方法第2部分：垫片材料压缩回弹率试验方法
- DB32/T 5214-2025合作机构经办社保业务服务规范
- T/DZJN 409-2025中高压电机变频切换工频控制系统及控制方法
- DB15/T 3969-2025斜插钢丝网架现浇内置保温剪力墙技术标准
- DB32/T 4840-2024大球盖菇菌种生产技术规程
- T/CACM 016.59-2026经方临床应用指南 黄芪桂枝五物汤
- T/CAAMTB 121-2023质量分级及“领跑者”评价要求 轻型货车
- 公共财务试题及答案展示
- 支气管重点试题及答案解析
- 肝脏穿刺拔高试题及规范答案
- 2026中国养蚯蚓行业市场现状供需分析及投资评估规划分析研究报告
- 7 培养德智体美劳全面发展的社会主义建设者和接班人 探究积累(课件)
- 《建筑施工安全》门窗安装专项安全培训
- 2026陕西事业单位综合应用能力真题
- 建筑业10项新技术深度解读
- 2026年及未来5年市场数据中国留学金融行业市场全景监测及投资前景展望报告
- 2026新疆新业有资产经营（集团）有限责任公司招聘备考题库及答案详解（夺冠系列）
- 神经外科手术中神经电生理监测的文献回顾
- 西医学习中医培训结业考试大纲(试行 )
- 3-5米基坑专项施工方案
- 胃炎完整课件
评论
0/150
提交评论