美文网首页
价格显示视图封装

价格显示视图封装

作者: Kevin_wzx | 来源:发表于2017-10-18 10:37 被阅读30次

    项目中填写订单页面会需要到价格显示的效果,如下图。点击价格会弹出视图,显示具体价格详情,再点击价格或者空白处则收起视图,点击提交按钮跳转订单详情页面,点击的时候有一个泛圈的效果。

    屏幕快照 2017-10-18 上午10.29.27.png 屏幕快照 2017-10-17 下午4.02.43.png 屏幕快照 2017-10-17 下午4.03.02.png

    封装的按钮:

    屏幕快照 2017-10-18 上午10.24.04.png 屏幕快照 2017-10-18 上午10.24.28.png
    屏幕快照 2017-10-18 上午10.24.43.png
    屏幕快照 2017-10-18 上午10.25.01.png 屏幕快照 2017-10-18 上午10.25.11.png

    封装的Money视图:

    屏幕快照 2017-10-18 上午10.15.51.png
    屏幕快照 2017-10-18 上午10.16.38.png 屏幕快照 2017-10-18 上午10.17.18.png
    屏幕快照 2017-10-18 上午10.17.41.png
    屏幕快照 2017-10-18 上午10.18.02.png
    屏幕快照 2017-10-18 上午10.18.23.png
    屏幕快照 2017-10-18 上午10.18.41.png
    屏幕快照 2017-10-18 上午10.19.10.png
    屏幕快照 2017-10-18 上午10.19.22.png 屏幕快照 2017-10-18 上午10.19.42.png
    屏幕快照 2017-10-18 上午10.21.45.png
    屏幕快照 2017-10-18 上午10.22.00.png
    屏幕快照 2017-10-18 上午10.23.28.png

    控制器中调用:

    屏幕快照 2017-10-17 下午4.01.18.png
    屏幕快照 2017-10-17 下午4.01.38.png
    屏幕快照 2017-10-17 下午4.01.50.png

    相关文章

      网友评论

          本文标题:价格显示视图封装

          本文链接:https://www.haomeiwen.com/subject/qcysuxtx.html