用axure8做做一个省市二级联动

1、新建文件‘实验’,建好省和市的下拉列表,并将市的列表转化为动态面板

2、将动态面板 命名为‘省份’ 

3、编辑省的下拉列表,并在右侧的编辑栏中加入用例

4、编辑动态版面,创建各省份的下拉列表

5、在4的下拉框里添加该省的市

 

 

6、回到主页面index,点击省的下拉列表,点击选项改变时,添加case1

 

在添加动作中找到“设置面板状态” ,勾选动态面板“省份”,将选择状态调为当前省份(下面示范黑龙江省),点击确定

得到

 

每个省份依次这么设置

 

 

完成!现在预览一下就ok了,如果是省市区三级联动的话就将市和区都设为动态版面,再按照步骤做就行,多一个嵌套而已。

但是一般情况下,用axure只是为了做一个页面样板出来展示,实际上axure生成的代码并不好直接用于前端开发中,因为它太乱而且很难懂,不好在上面进行修改,如果要直接开发的话,组件建议用ant-design,这里有网址:https://ant.design/docs/react/introduce-cn,里面有很多可以直接用在代码上的组件,比如上面这个级联组件,非常方便。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值