| <template> |
| <view class="pay"> |
| <u-cell-group> |
| <u-cell-item title="挂号费" :title-style="tstyle" :arrow="false"> |
| <u-image slot="icon" src="./images/cush.png" width="60" height="60" mode="aspectFit"></u-image> |
| </u-cell-item> |
| <u-cell-item title="缴费金额" :arrow="false" value="23.50元" :value-style="vstyle"></u-cell-item> |
| </u-cell-group> |
| <u-cell-group> |
| <u-cell-item title="商户名称" :arrow="false" value="大理市第一人民医院"></u-cell-item> |
| <u-cell-item title="截止日期" :arrow="false" value="2020/10/28 23:29:29"></u-cell-item> |
| <u-cell-item title="交易状态" :arrow="false" value="未支付"></u-cell-item> |
| </u-cell-group> |
| <u-button @click="" :custom-style="payBtn">立即支付</u-button> |
| </view> |
| </template> |
| |
| <script> |
| export default{ |
| data(){ |
| return{ |
| tstyle: { |
| marginLeft: '10rpx', |
| fontWeight: 'bold' |
| }, |
| vstyle: { |
| color: '#FF6F6F' |
| }, |
| payBtn: { |
| backgroundColor: ' #2FA8E1', |
| padding: '50rpx 0', |
| color: '#FFFFFF', |
| width: ' 600rpx', |
| fontSize: '30rpx', |
| border: '1px solid #2FA8E1', |
| marginTop: '50rpx' |
| }, |
| } |
| }, |
| methods:{ |
| |
| }, |
| onLoad(){ |
| |
| } |
| } |
| </script> |
| |
| <style lang="scss" scoped> |
| .u-cell-box{ |
| margin-bottom: 30rpx; |
| } |
| .pay{ |
| font-family: "PingFang-SC-Medium"; |
| } |
| |
| </style> |