手把手带你实现Axure高还原elementUI日期选择元件

首先,需要了解Axure和elementUI。Axure是一款用于设计原型和交互的工具,而elementUI是一个基于Vue.js的UI组件库。

以下是实现Axure高还原elementUI日期选择元件的步骤:

步骤1:创建Axure页面

在Axure中创建一个新页面,命名为“日期选择元件”。然后添加一个文本框用于显示选定的日期。最后添加一个“日期选择器”组件,放置在文本框下方。

步骤2:构建框图

步骤3:添加全局变量

步骤4:添加中继器

中继器需要42行,将列名设置为index,并且将中继器的名称设置为了:Calendar。并且将此中继器的布局修改为水平+网格,每行7列。

重点:

并且将Calendar每行的中的矩形名字设置为day,并设置一个选项组。

同时一定要修改Calendar的中继器属性,取消“隔离列表项之间的选项组”的选中状态,在交互页面中可以找到此项。

 步骤4:中继器交互

 

步骤5:day交互

 

 步骤5:上年,下年,上月,下月交互

 步骤5:选择日期点击显示

 

总结

通过以上步骤,你可以实现Axure高还原elementUI日期选择元件。

在这里附上视频,可以跟着视频动手自己做一个

Axure高度还原ElementUI日期选择控件_哔哩哔哩_bilibili

资源自取连接

https://download.csdn.net/download/u011581131/88263177

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Axure是一种流行的交互式原型设计工具,可用于创建Web应用程序和移动应用程序的原型,以帮助设计师和开发人员更好地理解用户需求并提项目效率。在设计过程中,元件库是一个关键的组成部分,它可以提供可复用的UI元素,从而节省时间和努力。其中,ElementUI元件库是一种基于Vue.js的框架,可以添加丰富的UI组件来创建更具吸引力和交互性的原型。 ElementUI元件库提供的组件种类非常多,例如按钮、表单、卡片、弹出框、轮播图等等,覆盖了很多常见的UI元素,全面支持响应式设计。此外,用户还可以自定义样式和行为,并轻松实现组件之间的交互。 在Axure中使用ElementUI元件库,可以通过拖放组件来创建原型,这样可以将设计时间缩短到最小,从而迅速验证各种交互和设计方案。组件库还提供了不同的配色方案和主题,使用户可以轻松地为不同类型的原型设计选择合适的配色方案。 总之,ElementUI元件库是一个极具价值的设计工具,可以帮助设计师和开发人员更快地创建效的原型并实现精细的用户体验。无论将其用于设计项目,还是用于学习新技能,ElementUI元件库都是一个非常好的选择。 ### 回答2: Axure是一款流行的原型设计工具,而ElementUI则是一套基于Vue框架的UI组件库。Axure可以使用ElementUI作为自己的元件库,用于设计UI界面时使用。 ElementUI的组件库包括了各种常用的UI组件,比如按钮、表单、树形控件、表格、菜单等等,这些组件的设计都遵循了社区最佳实践,同时也提供了完善的文档和示例代码,让设计师可以快速地将组件应用到自己的作品中。 Axure原生自元件库也非常丰富,但与ElementUI相比,Axure元件库的UI设计显得更为传统和保守。同时,ElementUI基于Vue框架,可以更好地与Vue项目进行集成,方便开发人员进行前后端开发的协同工作。 使用ElementUI作为Axure元件库,可以从UI设计、交互设计、开发等多个方面提效率,让设计师和开发人员更好地协同,同时也能够提供更优秀的用户体验和交互效果。总之,Axure组件库与ElementUI元件库的结合,能够让设计师和开发人员在UI设计与开发上更加效和便捷。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值