-
31src/components/order_list/club_rental/club_rental.vue
-
84src/components/order_list/stored_value_card/stored_value_card.vue
-
5src/components/order_list/value_card/value_card.vue
-
3src/js/api.js
-
3src/manifest.json
-
6src/pages.json
-
10src/pages/index/index.vue
-
22src/pages/order_list/order_list.vue
-
6src/pages/order_search/order_search.vue
-
BINsrc/static/images/code_null.png
-
BINsrc/static/images/icon/index/tab_9.png
-
BINsrc/static/images/icon/invite.png
-
BINsrc/static/images/icon/location.png
-
BINsrc/static/images/icon/people.png
-
BINsrc/static/images/icon/selected_ring.png
-
BINsrc/static/images/icon/success_tip.png
-
BINsrc/static/images/icon/x_close.png
-
BINsrc/static/images/write_off/mall.png
-
1src/store/index.js
-
2src/subpackage/device/components/order/reservation_people_detail/reservation_people_detail.vue
-
BINsrc/subpackage/device/static/images/i_voice_1.png
-
BINsrc/subpackage/device/static/images/i_voice_2.png
-
BINsrc/subpackage/device/static/images/i_voice_3.png
-
BINsrc/subpackage/device/static/images/i_voice_4.png
-
BINsrc/subpackage/device/static/images/in.png
-
BINsrc/subpackage/device/static/images/scan_code.png
-
BINsrc/subpackage/device/static/images/selected_987.png
-
BINsrc/subpackage/device/static/images/start.png
-
BINsrc/subpackage/device/static/images/sunblind.png
-
BINsrc/subpackage/device/static/images/sunblind_close.png
-
BINsrc/subpackage/device/static/images/sunblind_open.png
-
BINsrc/subpackage/device/static/images/timing.png
-
BINsrc/subpackage/device/static/images/windows.png
-
156src/subpackage/order/components/club_rental/end_billing/end_billing.vue
-
7src/subpackage/order/js/api.js
-
427src/subpackage/order/pages/club_rental/detail/detail.vue
-
2src/subpackage/order/pages/order_manage/order_manage.vue
-
234src/subpackage/order/pages/stored_value_card/detail/detail.vue
-
15src/subpackage/order/pages/value_card/detail/detail.vue
-
BINsrc/subpackage/order/static/images/arrow.png
-
BINsrc/subpackage/order/static/images/down_arrow.png
-
BINsrc/subpackage/order/static/images/order_manage/order_1.png
-
BINsrc/subpackage/order/static/images/order_manage/order_10.png
-
BINsrc/subpackage/order/static/images/order_manage/order_12.png
-
BINsrc/subpackage/order/static/images/order_manage/order_13.png
-
BINsrc/subpackage/order/static/images/order_manage/order_14.png
-
BINsrc/subpackage/order/static/images/order_manage/order_15.png
-
BINsrc/subpackage/order/static/images/order_manage/order_16.png
-
BINsrc/subpackage/order/static/images/order_manage/order_17.png
-
BINsrc/subpackage/order/static/images/order_manage/order_2.png
-
BINsrc/subpackage/order/static/images/order_manage/order_3.png
-
BINsrc/subpackage/order/static/images/order_manage/order_4.png
-
BINsrc/subpackage/order/static/images/order_manage/order_5.png
-
BINsrc/subpackage/order/static/images/order_manage/order_6.png
-
BINsrc/subpackage/order/static/images/order_manage/order_7.png
-
BINsrc/subpackage/order/static/images/order_manage/order_8.png
-
BINsrc/subpackage/order/static/images/order_manage/order_9.png
-
BINsrc/subpackage/order/static/images/selected.png
@ -0,0 +1,84 @@ |
|||
<template> |
|||
<view class="value-card-container" @click="toInfo"> |
|||
<a-header :source="orderInfo.stadium_name || '-'" :status="getStatus(orderInfo.pay_status)"></a-header> |
|||
<view class="vcc-info"> |
|||
<a-line :value="orderInfo.order_no || '-'"> |
|||
<block slot="name">订单号:</block> |
|||
</a-line> |
|||
<a-line :value="orderInfo.card_name || '-'"> |
|||
<block slot="name">储值卡名称:</block> |
|||
</a-line> |
|||
<a-line :value="orderInfo.mobile || '-'"> |
|||
<block slot="name">手机号码:</block> |
|||
</a-line> |
|||
<a-line :value="orderInfo.pay_time || '-'"> |
|||
<block slot="name">支付时间:</block> |
|||
</a-line> |
|||
<a-line :value="orderWay(orderInfo.order_way)"> |
|||
<block slot="name">途径:</block> |
|||
</a-line> |
|||
<view class="svc-total"><text class="st-txt">支付金额:</text>¥{{ orderInfo.pay_amount || 0 }}</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '../../../utils/util'; |
|||
import a_header from '../a_header/a_header.vue'; |
|||
import a_line from '../a_line/a_line.vue'; |
|||
export default { |
|||
components: { |
|||
'a-header': a_header, |
|||
'a-line': a_line, |
|||
}, |
|||
props: { |
|||
orderInfo: { |
|||
default: {}, |
|||
type: Object, |
|||
} |
|||
}, |
|||
methods: { |
|||
orderWay(wayType){ |
|||
if(wayType == 0)return '购买'; |
|||
if(wayType == 1)return '升级'; |
|||
if(wayType == 2)return '充值'; |
|||
return '-'; |
|||
}, |
|||
getStatus(status){ |
|||
let _obj = { |
|||
1: '已付款', |
|||
4: '已退款', |
|||
} |
|||
return _obj[status] || '-' |
|||
}, |
|||
toInfo(){ |
|||
let { orderInfo } = this; |
|||
util.routeTo(`/subpackage/order/pages/stored_value_card/detail/detail?order_no=${orderInfo.order_no}`, 'nT'); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.value-card-container{ |
|||
background-color: #fff; |
|||
padding: 0 20upx; |
|||
border-radius: 10upx; |
|||
.vcc-info{ |
|||
padding: 20upx 0; |
|||
} |
|||
} |
|||
.svc-total{ |
|||
line-height: 40upx; |
|||
text-align: right; |
|||
font-size: 28upx; |
|||
font-weight: 500; |
|||
color: #1a1a1a; |
|||
@include textHide(1); |
|||
.st-txt{ |
|||
font-weight: 400; |
|||
color: #9A9A9D; |
|||
} |
|||
} |
|||
</style> |
Before Width: 380 | Height: 380 | Size: 7.7 KiB After Width: 380 | Height: 380 | Size: 7.4 KiB |
After Width: 52 | Height: 52 | Size: 354 B |
Before Width: 52 | Height: 52 | Size: 367 B After Width: 52 | Height: 52 | Size: 354 B |
Before Width: 28 | Height: 28 | Size: 366 B After Width: 28 | Height: 28 | Size: 342 B |
Before Width: 48 | Height: 48 | Size: 444 B After Width: 48 | Height: 48 | Size: 434 B |
Before Width: 32 | Height: 32 | Size: 503 B After Width: 32 | Height: 32 | Size: 419 B |
Before Width: 100 | Height: 102 | Size: 1005 B After Width: 100 | Height: 102 | Size: 974 B |
Before Width: 34 | Height: 34 | Size: 425 B After Width: 34 | Height: 34 | Size: 233 B |
Before Width: 128 | Height: 128 | Size: 1.4 KiB After Width: 128 | Height: 128 | Size: 1.4 KiB |
Before Width: 200 | Height: 200 | Size: 9.9 KiB After Width: 200 | Height: 200 | Size: 2.4 KiB |
Before Width: 103 | Height: 50 | Size: 2.9 KiB After Width: 103 | Height: 50 | Size: 1001 B |
Before Width: 102 | Height: 100 | Size: 2.4 KiB After Width: 102 | Height: 100 | Size: 889 B |
Before Width: 103 | Height: 50 | Size: 2.9 KiB After Width: 103 | Height: 50 | Size: 1001 B |
Before Width: 100 | Height: 100 | Size: 959 B After Width: 100 | Height: 100 | Size: 950 B |
Before Width: 48 | Height: 48 | Size: 553 B After Width: 48 | Height: 48 | Size: 293 B |
Before Width: 40 | Height: 36 | Size: 381 B After Width: 40 | Height: 36 | Size: 377 B |
Before Width: 32 | Height: 32 | Size: 311 B After Width: 32 | Height: 32 | Size: 303 B |
Before Width: 676 | Height: 570 | Size: 26 KiB After Width: 676 | Height: 570 | Size: 4.9 KiB |
Before Width: 100 | Height: 100 | Size: 5.1 KiB After Width: 100 | Height: 100 | Size: 1.3 KiB |
Before Width: 100 | Height: 100 | Size: 5.2 KiB After Width: 100 | Height: 100 | Size: 1.2 KiB |
Before Width: 100 | Height: 100 | Size: 5.1 KiB After Width: 100 | Height: 100 | Size: 1.3 KiB |
Before Width: 1014 | Height: 696 | Size: 39 KiB After Width: 1014 | Height: 696 | Size: 6.5 KiB |
@ -0,0 +1,156 @@ |
|||
<template> |
|||
<view class="end-billing"> |
|||
<view class="end-mask" @click="close"> |
|||
<view class="em-content" @click.stop="_=>false"> |
|||
<image class="ec-close" src="/subpackage/order/static/images/close.png" @click="close"></image> |
|||
<view class="ec-main"> |
|||
<view class="em-tit">结束计费</view> |
|||
<view class="em-line">订单号:{{ orderInfo.order_no || '-' }}</view> |
|||
<view class="em-line">时长合计:<text class="el-txt">{{ orderInfo.rent_duration || '-' }}</text></view> |
|||
<view class="em-settlement"> |
|||
<view class="es-tit">结算金额(元)</view> |
|||
<view class="es-frame"> |
|||
<input class="ef-ipt" type="number" v-model="amount" /> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="em-remark"> |
|||
<view class="er-view">备注:</view> |
|||
<view class="er-view">1、请确保用户已将球归还到柜子后,才手动帮用户“结束计费”;</view> |
|||
<view class="er-view">2、确认结束计费后将从用户押金里自动扣取相应费用,剩余的押金将会原路退还给用户</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
<view class="em-btns"> |
|||
<view class="eb-btn" @click="close">取消</view> |
|||
<view class="eb-btn" @click="confirm">确认</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
orderInfo: { |
|||
type: Object, |
|||
default: {} |
|||
} |
|||
}, |
|||
data(){ |
|||
return { |
|||
amount: '', |
|||
} |
|||
}, |
|||
methods: { |
|||
close(){ |
|||
this.$emit('close'); |
|||
}, |
|||
confirm(){ |
|||
let _amount = this.amount || 0; |
|||
this.$emit('confirm', { amount: +_amount }); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.end-mask{ |
|||
position: fixed; |
|||
left: 0; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 0; |
|||
background-color: rgba($color: #000000, $alpha: .5); |
|||
} |
|||
.em-content{ |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%, -50%); |
|||
padding: 78upx 56upx 130upx; |
|||
width: 620upx; |
|||
border-radius: 10upx; |
|||
background-color: #fff; |
|||
.ec-main { |
|||
.em-tit{ |
|||
margin-bottom: 34upx; |
|||
line-height: 44upx; |
|||
text-align: center; |
|||
font-weight: 500; |
|||
font-size: 32upx; |
|||
color: #333; |
|||
} |
|||
|
|||
.em-line{ |
|||
line-height: 48upx; |
|||
font-size: 28upx; |
|||
color: #1a1a1a; |
|||
.el-txt{ |
|||
color: $themeColor; |
|||
} |
|||
} |
|||
.em-settlement{ |
|||
margin-top: 8upx; |
|||
margin-bottom: 28upx; |
|||
.es-tit{ |
|||
margin-bottom: 8upx; |
|||
line-height: 48upx; |
|||
font-size: 28upx; |
|||
color: #1a1a1a; |
|||
} |
|||
.es-frame{ |
|||
padding: 0 24upx; |
|||
height: 88upx; |
|||
border-radius: 10upx; |
|||
border: 2upx solid #D8D8D8; |
|||
border-radius: 10upx; |
|||
.ef-ipt{ |
|||
height: 100%; |
|||
font-size: 28upx; |
|||
color: #333; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
.em-remark{ |
|||
.er-view{ |
|||
line-height: 48upx; |
|||
font-size: 28upx; |
|||
color: #1a1a1a; |
|||
} |
|||
} |
|||
.em-btns{ |
|||
padding-top: 52upx; |
|||
@include centerFlex(space-between); |
|||
.eb-btn{ |
|||
height: 88upx; |
|||
width: 240upx; |
|||
border-radius: 10upx; |
|||
border: 2upx solid $themeColor; |
|||
line-height: 84upx; |
|||
text-align: center; |
|||
font-size: 32upx; |
|||
font-weight: 500; |
|||
color: $themeColor; |
|||
&+.eb-btn{ |
|||
background-color: $themeColor; |
|||
color: #fff; |
|||
} |
|||
} |
|||
} |
|||
.ec-close{ |
|||
position: absolute; |
|||
right: 30upx; |
|||
top: 30upx; |
|||
width: 34upx; |
|||
height: 34upx; |
|||
} |
|||
} |
|||
</style> |
@ -0,0 +1,234 @@ |
|||
<template> |
|||
<view class="stored-value-card"> |
|||
<view class="svc-box svc-header"> |
|||
<view class="sh-stadium"> |
|||
<image mode="aspectFit" :src="stadiumInfo.stadium_logo"></image> |
|||
<view>{{ stadiumInfo.stadium_name || '-' }}</view> |
|||
</view> |
|||
|
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>订单编号:</text>{{ orderInfo.order_no || '-' }}</view> |
|||
<view class="sl-status">{{ payStatus(orderInfo.pay_status) }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>创建时间:</text>{{ orderInfo.created_at || '-' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>手机号码:</text>{{ orderInfo.mobile || '-' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>用户昵称:</text>{{ orderInfo.nickname || '-' }}</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<view class="svc-box svc-card-info"> |
|||
<view class="sci-tit">储值卡信息</view> |
|||
|
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>储值卡名称:</text>{{ cardInfo.card_name || '-' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>储值卡卡号:</text>{{ orderInfo.value_card_no || '-' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>储值卡类型:</text>{{ cardType(cardInfo.card_kind) }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>赠金金额:</text>¥{{ cardInfo.gift_amount.amount || '0' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>途径:</text>{{ orderWay(orderInfo.order_way) }}</view> |
|||
</view> |
|||
<view class="sci-pay-info"> |
|||
<s-line :keyname="'金额小计'" :value="'¥' + (orderInfo.amount || '0')"></s-line> |
|||
<s-line :keyname="'积分抵扣'" :value="'¥' + (orderInfo.deduction_amount|| '0')"></s-line> |
|||
<s-line :keyname="'折扣金额'" :value="'¥' + (orderInfo.discount_amount || '0')"></s-line> |
|||
<s-line :keyname="'优惠券优惠'" :value="'¥' + (orderInfo.coupons_amount || '0')"></s-line> |
|||
<view class="spi-total"><text>合计支付:</text>¥{{ orderInfo.pay_amount || 0 }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="svc-box"> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt" style="margin-bottom: 20rpx;"><text>支付信息</text></view> |
|||
</view> |
|||
|
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>支付方式:</text>{{ payType(orderInfo.pay_type) }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>支付时间:</text>{{ orderInfo.pay_time || '-' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>微信交易号:</text>{{ orderInfo.trade_no || '-' }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="svc-box" v-for="(e, i) in orderInfo.refunds" :key="i"> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt" style="margin-bottom: 20rpx;"><text>退款信息{{i+1}}</text></view> |
|||
</view> |
|||
|
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>退款金额:</text>{{ e.amount || 0 }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>退款单号:</text>{{ e.refund_no || '-' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>退款时间:</text>{{ e.refund_time || '-' }}</view> |
|||
</view> |
|||
<view class="svc-line"> |
|||
<view class="sl-txt"><text>退款原因:</text>{{ e.reason || '-' }}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import s_line from '../../../components/s_line/s_line.vue'; |
|||
import { ORDER_API } from '../../../js/api'; |
|||
import server from '../../../js/server'; |
|||
import util from '../../../../../utils/util'; |
|||
export default { |
|||
components: { |
|||
's-line': s_line, |
|||
}, |
|||
computed: { |
|||
cardInfo(){ |
|||
let { orderInfo } = this; |
|||
if(orderInfo.card_info)return orderInfo.card_info || {}; |
|||
return {}; |
|||
}, |
|||
stadiumInfo(){ |
|||
let { orderInfo } = this; |
|||
if(orderInfo.stadium)return orderInfo.stadium || {}; |
|||
return {}; |
|||
} |
|||
}, |
|||
data(){ |
|||
return { |
|||
orderInfo: {}, |
|||
} |
|||
}, |
|||
onLoad(options){ |
|||
this.getOrderInfo({ order_no: options.order_no }); |
|||
}, |
|||
methods: { |
|||
payStatus(status){ |
|||
if(status == 1)return '已付款'; |
|||
if(status == 4)return '已退款'; |
|||
return '-'; |
|||
}, |
|||
orderWay(wayType){ |
|||
if(wayType == 0)return '购买'; |
|||
if(wayType == 1)return '升级'; |
|||
if(wayType == 2)return '充值'; |
|||
return '-'; |
|||
}, |
|||
cardType(type){ |
|||
if(type == 1)return '个人卡'; |
|||
if(type == 2 || type == 3)return '团体卡'; |
|||
return '-' |
|||
}, |
|||
payType: util.order_pay_type_txt, |
|||
getOrderInfo({ order_no }){ |
|||
util.showLoad(); |
|||
server.get({ |
|||
url: ORDER_API.userValueOrderGet, |
|||
data: { order_no }, |
|||
failMsg: '加载失败!' |
|||
}) |
|||
.then(res=>{ |
|||
util.hideLoad(); |
|||
this.orderInfo = res || {}; |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.stored-value-card{ |
|||
|
|||
} |
|||
|
|||
.svc-box{ |
|||
margin-bottom: 24upx; |
|||
padding: 30upx 24upx; |
|||
background-color: #fff; |
|||
} |
|||
.svc-line{ |
|||
@include centerFlex(space-between); |
|||
.sl-txt{ |
|||
flex-grow: 1; |
|||
line-height: 48upx; |
|||
font-size: 28upx; |
|||
color: #1a1a1a; |
|||
@include textHide(1); |
|||
>text{ |
|||
color: #9C9C9F; |
|||
} |
|||
} |
|||
.sl-status{ |
|||
margin-left: 24upx; |
|||
flex-shrink: 0; |
|||
line-height: 40upx; |
|||
font-size: 28upx; |
|||
color: $themeColor; |
|||
} |
|||
|
|||
} |
|||
.svc-header{ |
|||
.sh-stadium{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-start; |
|||
margin-bottom: 23upx; |
|||
padding-bottom: 24upx; |
|||
border-bottom: 2upx solid #D8D8D8; |
|||
>image { |
|||
margin-right: 14upx; |
|||
flex-shrink: 0; |
|||
width: 40upx; |
|||
height: 40upx; |
|||
} |
|||
>view{ |
|||
flex-grow: 1; |
|||
line-height: 40upx; |
|||
font-size: 28upx; |
|||
font-weight: 500; |
|||
color: #1a1a1a; |
|||
@include textHide(1); |
|||
} |
|||
} |
|||
} |
|||
.svc-card-info{ |
|||
.sci-tit{ |
|||
margin-bottom: 14upx; |
|||
line-height: 44upx; |
|||
font-size: 32upx; |
|||
color: #333; |
|||
} |
|||
.sci-pay-info{ |
|||
margin-top: 32upx; |
|||
padding-top: 29upx; |
|||
border-top: 2upx solid #D8D8D8; |
|||
.spi-total{ |
|||
text-align: right; |
|||
font-size: 36upx; |
|||
font-weight: 500; |
|||
color: #1a1a1a; |
|||
@include textHide(1); |
|||
>text{ |
|||
font-weight: 400; |
|||
font-size: 28upx; |
|||
color: #9A9A9D; |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
</style> |
Before Width: 64 | Height: 64 | Size: 475 B After Width: 64 | Height: 64 | Size: 462 B |
Before Width: 30 | Height: 30 | Size: 328 B After Width: 30 | Height: 30 | Size: 318 B |
Before Width: 120 | Height: 120 | Size: 888 B After Width: 120 | Height: 120 | Size: 856 B |
Before Width: 120 | Height: 120 | Size: 1.4 KiB After Width: 120 | Height: 120 | Size: 1.2 KiB |
Before Width: 120 | Height: 120 | Size: 2.0 KiB After Width: 120 | Height: 120 | Size: 1.6 KiB |
Before Width: 120 | Height: 120 | Size: 1.2 KiB After Width: 120 | Height: 120 | Size: 1.1 KiB |
Before Width: 120 | Height: 120 | Size: 807 B After Width: 120 | Height: 120 | Size: 804 B |
Before Width: 120 | Height: 120 | Size: 2.0 KiB After Width: 120 | Height: 120 | Size: 1.9 KiB |
Before Width: 120 | Height: 120 | Size: 1.9 KiB After Width: 120 | Height: 120 | Size: 1.9 KiB |
Before Width: 120 | Height: 120 | Size: 1.7 KiB After Width: 120 | Height: 120 | Size: 1.6 KiB |
Before Width: 120 | Height: 120 | Size: 787 B After Width: 120 | Height: 120 | Size: 767 B |
Before Width: 124 | Height: 120 | Size: 1.1 KiB After Width: 124 | Height: 120 | Size: 1.0 KiB |
Before Width: 120 | Height: 120 | Size: 1.3 KiB After Width: 120 | Height: 120 | Size: 1.3 KiB |
Before Width: 120 | Height: 120 | Size: 1.5 KiB After Width: 120 | Height: 120 | Size: 1.3 KiB |
Before Width: 120 | Height: 120 | Size: 1.4 KiB After Width: 120 | Height: 120 | Size: 1.2 KiB |
Before Width: 120 | Height: 120 | Size: 1.3 KiB After Width: 120 | Height: 120 | Size: 1.1 KiB |
Before Width: 120 | Height: 120 | Size: 1.4 KiB After Width: 120 | Height: 120 | Size: 1.3 KiB |
Before Width: 120 | Height: 120 | Size: 1.3 KiB After Width: 120 | Height: 120 | Size: 1.3 KiB |
Before Width: 32 | Height: 32 | Size: 470 B After Width: 32 | Height: 32 | Size: 400 B |