价格显示视图封装

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

屏幕快照 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