Browse Source

完成等待用户支付页面UI

master
邓平艺 4 years ago
parent
commit
237c5ee5fc
  1. 6
      components/lf-nocontent/lf-nocontent.vue
  2. 3
      pages/business/payment/wait.vue

6
components/lf-nocontent/lf-nocontent.vue

@ -1,10 +1,10 @@
<template> <template>
<view class="empty-box" style="margin: 100rpx 0;text-align: center;"> <view class="empty-box" style="margin: 100rpx 0;text-align: center;">
<view class="empty-image"> <view class="empty-image">
<image :src="src" mode="aspectFill" style="margin: 0 auto;width: 360rpx;height: 252rpx;"></image>
<image :src="src" mode="aspectFill" style="margin: 0 auto;width: 520rpx;"></image>
</view> </view>
<view class="content m-text-center m-m-t-20"> <view class="content m-text-center m-m-t-20">
<view class="m-font-32" style="color: #333333;">{{ text }}</view>
<view class="m-font-32" style="color: #777777;">{{ text }}</view>
</view> </view>
<button class="m-m-t-32 empty-button" v-if="showButton" @click="$emit('clickButton')">{{ buttonTitle }}</button> <button class="m-m-t-32 empty-button" v-if="showButton" @click="$emit('clickButton')">{{ buttonTitle }}</button>
</view> </view>
@ -12,7 +12,7 @@
<script> <script>
export default { export default {
name:"d-empty",
name:"lf-empty",
props: { props: {
text: { text: {
type: String, // type: String, //

3
pages/business/payment/wait.vue

@ -1,7 +1,8 @@
<template> <template>
<view> <view>
<lf-nav title="等待用户支付" :showIcon="true" bgColor="#fff"></lf-nav> <lf-nav title="等待用户支付" :showIcon="true" bgColor="#fff"></lf-nav>
<lf-nocontent></lf-nocontent>
<view style="height: 50rpx;"></view>
<lf-nocontent src="/static/images/empty.png" text="等待用户支付…"></lf-nocontent>
</view> </view>
</template> </template>

Loading…
Cancel
Save