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

时间:2024-03-14 18:57:56

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

得到

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

每个省份依次这么设置

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

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

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

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