wxml <view class='class'> <view class='all' wx:for='{{steps}}' data-index='{{ ...
更新日期: :首次发布 :增加content和date自定义 具体使用看示例 时间轴 参数: . data 新闻列表数据 . content 内容 . date 日期 点击下载:时间轴组件示例 ...
2019-03-06 21:20 1 4321 推荐指数:
wxml <view class='class'> <view class='all' wx:for='{{steps}}' data-index='{{ ...
最近在做小程序,业务需求要在页面上显示步骤条,做完后封装成组件,分享一下话不多说先上图。 1.首先在小程序components目录下新建一个名为Step的components。结构如下。 直接贴组件代码 step.wxml step.wxss ...
sunui-timeline 时间轴 v1.0.0 于 2020.01.14更新 参数介绍: 1. @line:点击时间轴所在id(此为子组件传父组件值)- 事件 2. array:时间轴传值给子组件/默认无 ...
github地址:https://github.com/SunshineMibai/vue-timeline 实现思路及步骤: 页面分为四个部分 1、左侧时间 2、中间圆点 3、右侧内容 4、虚线部分 最外层div,relative布局,方便子元素计算尺寸 左侧时间 ...
年月展示时间轴组件 Timeline时间轴组件: Timeline时间轴样式: 日志更新时间轴组件 效果如下: 具体代码在github仓库里:https://github.com/Ritusan/color-library ...
1.view 把文档分割为独立的、不同的部分。 view组件类似于html中的div标签,默认为块级元素,独占一行,可以通过设置display:inline-block改为行级元素。 view.wxml代码如下: view.wxss代码 ...
先上图看图说话 时间轴的轴线可以居中分两边,也可以像上图一样。 上代码: ...
目前做的都是一些数据可视化的项目,使用的是vue框架,其中用到了d3.js、three.js、echarts。 在vue框架下我们会遇到很多让人心累的时刻,谁用谁知道。 项目过程中有遇到这样的一个组件 这个组件要求是可以拖动,但是在vue中使用jquery 来操作dom ...