宝剑锋从磨砺出,梅花香自苦寒来。这篇文章主要讲述uniapp - cell组件相关的知识,希望能为你提供帮助。
sunui-cell
用于点击效果复用(组件仅1kb+iconfont 2kb)
v1.0.0 于 2020.01.09更新
v1.0.1 于 2020.01.11更新:新增加右箭头(iconfont)
文章图片
文章图片
参数介绍:
1. hover:是否显示点击效果/默认false
2. arrow:是否显示右箭头/默认false
3. time:点击显示时间/默认170ms
4. cellStyle:组件样式,可按照行内样式编写(无需父组件传值子组件那样死板) - 见示例
5. arrowStyle:右箭头样式,可按照行内样式编写
示例代码:
< template> < view class="index-page"> < view v-for="(item,index) in 10" :key=\'index\'> < sunui-cell :hover="true" :arrow="true" arrowStyle="color:blue; font-size:40rpx; " cellStyle="margin-top: 10rpx; border-top:1px solid #eee; border-bottom:1px solid #eee; color:#666; "> < view style="padding: 12px 15px; "> 点击hover效果{{index}}点击hover效果{{index}} < /view> < /sunui-cell> < /view> < /view> < /template> < script> import sunUiCell from \'@/components/sunui-cell/sunui-cell.vue\'; export default { data() { return {} }, components: { \'sunui-cell\': sunUiCell }, onShow() {}, onLoad() {}, methods: {} } < /script> < style> < /style>
【uniapp - cell组件】点击下载示例:sunui-cell
推荐阅读
- App crash原因以及解决办法
- 最佳编程编辑器(没有明确胜利者的永无止境的战斗)
- OpenGL简介(3D文本渲染教程)
- 学习Markdown(面向软件开发人员的写作工具)
- Vulkan API的简要概述
- Selenium中的自动化(页面对象模型和页面工厂)
- SVG文本教程(Web上的文本注释)
- Ruby元编程比听起来还酷
- 购物者和开发者会适应店内邻近营销吗()