当前位置: 首页 > news >正文

响应式企业网站 下载代写平台在哪找

响应式企业网站 下载,代写平台在哪找,政府网站架构工具,石材企业网站今天教大家制作移动端二级滑动选择器的原型模板,该原型已全国一二级省市选择器为案例,因为该原型用中继器做的,所以制作完成之后使用也很方便,只需修改中继器表格里的内容即可 一、效果展示 1. 拖动选择 2. 快捷选择 【原型预览…

今天教大家制作移动端二级滑动选择器的原型模板,该原型已全国一二级省市选择器为案例,因为该原型用中继器做的,所以制作完成之后使用也很方便,只需修改中继器表格里的内容即可

一、效果展示

1. 拖动选择

图片

2. 快捷选择

图片

【原型预览及下载地址】

https://axhub.im/ax9/e4f2832e83281a58/#g=1&p=二级城市综合案例

二、制作教程

1. 快捷选择中继器

图片

这个中继器非常简单

图片

每项加载时,设置中继器内文本框文字=item.column0,鼠标单击文本框时,设置位置文本框文字=column1+column2。

2. 全部地区选择中继器

图片

这里其实是两个中继器,先说左边的中继器。

图片

每项加载时,每项加载时,设置中继器内文本框文字=item.column0,如果xuanzhong=1,选中该行,默认第一行选中。然后将中继器转为动态面板(内面板),之后再转一次动态面板(外面板)。

外面板取消自动调整内容尺寸,自己调节大小;外面板拖动时,垂直拖动内面板;外面板拖动结束时,移动内面板到绝对位置=内面板的y值/中继器每行高度,然后用fixed函数取整数,再乘中继器每行高度。这样做的目的就可以保证拖动选择不会卡在两个选项中间。

拖动结束时,更新行,先把所有行的选中设为0,即未选中,然后通过计算移动了多少格,选中item.index==移动的格数:(内面板的y值-初始y值)/每行的高度,然后fixed四舍五入后用abs函数去绝对值,再+1。

这样左边中继器就完成了。

然后制作右边中继器,将左边中继器复制过去,插入多一列,把导入后:

图片

每项加载时,设置文本框文字=column1,其他不变。

然后左边中继器行被选中时,筛选右边中继器,条件为column0=column1,筛选完成后更新第一行的选中=1。

最后是确定和取消按钮的事件。

鼠标单击确定按钮时,设置城市文本=左边中继器选中的column0+右边中继器选中的column1,然后隐藏该弹窗,鼠标单击取消按钮时,隐藏该弹窗。

那以上就是本期教程的全部内容,感兴趣的同学们可以动手试试哦,感谢您的阅读,我们下期见。

http://www.zhongyajixie.com/news/5978.html

相关文章:

  • 怎么把微信公众号的文章wordpressseo快速排名是什么
  • 做动漫短视频网站seo搜索引擎优化实战
  • 自助网站建设系统企业管理软件
  • 市政府网站集约化建设调研报告广州:推动优化防控措施落地
  • 广东深广东深圳网站建设成都本地推广平台
  • 做雨棚的网站seo模拟点击软件
  • 怎么做转载小说网站如何推广普通话
  • 哪个网站可以接工程做抖音seo查询工具
  • 批量做网站软件推广方案模板
  • 微商来分销系统百度ocpc如何优化
  • 互联网 网站建设价格上海网站建设推广服务
  • 单页网站开发seo快速建站
  • 线上店铺建站合肥网络公司seo
  • wordpress 隐藏链接插件seo是什么姓
  • 重庆秀山网站建设百度怎么推广自己的店铺
  • 公司做网站的费用怎么做账seminar怎么读
  • 做网站侵权吗网络营销方法有哪些
  • 网站备案要关多久网络建站
  • 设计素材网站哪个最好用怎么做公司网站
  • 云集网站建设公司网站优化推广教程
  • 做一些购物网站网站维护费用一般多少钱
  • 做网站哪些网络公司好房产网站建设
  • wordpress edcseo外推
  • 鹤岗市城乡建设局网站东莞营销网站建设推广
  • 的动态网站开发2023今日新闻头条
  • 网站建设模板删不掉国内免费域名注册
  • 济南免费做网站网络营销学什么
  • 怎么做二级网站域名旅游app推广营销策略
  • 张家口做公司网站应用宝aso优化
  • 网站 域名军事新闻俄乌最新消息