Leadfyy.co
/
uniapp-shikongwang
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

申请样式修改

master
Enzo 5 years ago
parent
e5d437803c
commit
64fc368593
2 changed files with 132 additions and 68 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 45
      pages/order/apply-details.vue
  2. 45
      pages/order/apply-refund.vue

45
pages/order/apply-details.vue
View File

@ -28,14 +28,37 @@
</skeleton> </skeleton>
</view> </view>
<self-line/>
<skeleton :loading="skeletonLoading" :row="3" :showAvatar="false" :showTitle="true">
<view class="bg-white">
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">订单金额</text>
<view class="text-price">
<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
</view>
</view>
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">扣费率</text>
<view>
<text>30%</text>
</view>
</view>
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">扣费金额</text>
<view class="text-price">
<amount :value="Number(3.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
</view>
</view>
</view>
</skeleton>
<self-line/> <self-line/>
<!-- 表单 --> <!-- 表单 -->
<skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true">
<view class="bg-white"> <view class="bg-white">
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center"> <view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">可退金额</text> <text class="text-gray">可退金额</text>
<view class="text-red text-price text-lg">
<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
<view class="text-price">
<amount :value="Number(16.00 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
</view> </view>
</view> </view>
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center"> <view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
@ -46,12 +69,20 @@
</view> </view>
</view> </view>
</view> </view>
</skeleton>
<self-line/> <self-line/>
<view class="padding bg-white" style="border-radius: 6rpx 6rpx 0 0">
<skeleton :loading="skeletonLoading" :row="6" :showAvatar="false" :showTitle="true">
<view class="padding-top padding-lr bg-white">
<view class="cu-self menu"> <view class="cu-self menu">
<view class="text-gray">退款说明</view>
<view class="text-gray">
由于产品的特殊性，在申请的过程中，供应商会向您收取部分费用。如有疑问可参与产品的《售后说明》或咨询客服
</view>
</view>
</view>
<view class="padding bg-white">
<view class="cu-self menu">
<view class="text-df text-bold">退款说明</view>
</view> </view>
<view class="cu-self menu margin-top"> <view class="cu-self menu margin-top">
<view class="text-gray">看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！</view> <view class="text-gray">看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！看着不是很新鲜了，然后还有一些都烂了！！！</view>
@ -70,7 +101,7 @@
</view> </view>
</view> </view>
</view> </view>
</skeleton>
</mescroll-body> </mescroll-body>
</view> </view>

45
pages/order/apply-refund.vue
View File

@ -26,13 +26,38 @@
</skeleton> </skeleton>
</view> </view>
<self-line/>
<skeleton :loading="skeletonLoading" :row="3" :showAvatar="false" :showTitle="true">
<view class="bg-white">
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">订单金额</text>
<view class="text-price">
<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
</view>
</view>
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">扣费率</text>
<view>
<text>30%</text>
</view>
</view>
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">扣费金额</text>
<view class="text-price">
<amount :value="Number(3.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
</view>
</view>
</view>
</skeleton>
<self-line/> <self-line/>
<!-- 表单 --> <!-- 表单 -->
<skeleton :loading="skeletonLoading" :row="3" :showAvatar="false" :showTitle="true">
<view class="bg-white"> <view class="bg-white">
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center"> <view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
<text class="text-gray">可退金额</text> <text class="text-gray">可退金额</text>
<view class="text-red text-price text-lg">
<amount :value="Number(19.90 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
<view class="text-price">
<amount :value="Number(16.00 || 0)" :is-round-up="false" :precision="2" :duration="800" transition></amount>
</view> </view>
</view> </view>
<view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center"> <view class="cu-bar padding-lr solid-bottom flex justify-between align-center text-center">
@ -47,12 +72,19 @@
<input type="text" class="text-right text-df" placeholder="请输入反馈信息" /> <input type="text" class="text-right text-df" placeholder="请输入反馈信息" />
</view> </view>
</view> </view>
</skeleton>
<self-line/> <self-line/>
<view class="padding bg-white" style="border-radius: 6rpx 6rpx 0 0">
<skeleton :loading="skeletonLoading" :row="6" :showAvatar="false" :showTitle="true">
<view class="padding-top padding-lr bg-white">
<view class="cu-self menu">
<view class="text-gray">
由于产品的特殊性，在申请的过程中，供应商会向您收取部分费用。如有疑问可参与产品的《售后说明》或咨询客服
</view>
</view>
</view>
<view class="padding bg-white">
<view class="cu-self menu"> <view class="cu-self menu">
<view class="text-gray">请上传退款凭证</view>
<view class="text-df text-bold">请上传退款凭证</view>
</view> </view>
</view> </view>
<view class="cu-form-group solid-bottom"> <view class="cu-form-group solid-bottom">
@ -72,6 +104,7 @@
<text class="text-df text-white">确认申请</text> <text class="text-df text-white">确认申请</text>
</button> </button>
</view> </view>
</skeleton>
</mescroll-body> </mescroll-body>
</view> </view>

Write Preview
Loading…
Cancel
Save