wangxiaowei/chazhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善页面

Browse Source
This commit is contained in:
wangxiaowei
2025-08-28 18:20:17 +08:00
parent fdaa01f801
commit e1a4f57610
27 changed files with 953 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/price-format.vue → src/components/PriceFormat.vue
View File

@ -6,7 +6,7 @@
</text>
</template>
<script lang="ts" setup name="priceFormat">
<script lang="ts" setup name="PriceFormat">
import { ref, onMounted, watch } from 'vue'
const props = defineProps({

2
src/components/recharge-btn.vue → src/components/RechargeBtn.vue
View File

@ -5,7 +5,7 @@
</view>
</template>
<script lang="ts" setup name="rechargeBtn">
<script lang="ts" setup name="RechargeBtn">
defineProps({
name: {
type: String,

2
src/components/coupon/group-coupon.vue → src/components/coupon/GroupCoupon.vue
View File

@ -20,7 +20,7 @@
</view>
</template>
<script lang="ts" setup name="groupCoupon">
<script lang="ts" setup name="GroupCoupon">
const OSS = inject('OSS')
defineProps<{
coupon: {

2
src/components/coupon/coupon.vue
View File

@ -21,7 +21,7 @@
</view>
</template>
<script lang="ts" setup name="groupCoupon">
<script lang="ts" setup name="Coupon">
defineProps<{
coupon: {
id: number

4
src/components/navbar.vue
View File

@ -23,9 +23,9 @@
<!-- </view> -->
</template>
<script lang="ts" setup>
<script lang="ts" setup name="Navbar">
import { ref, inject } from 'vue'
import { getNavBarHeight, getCapsuleOffset } from '@/utils/index'
import { getNavBarHeight } from '@/utils/index'
const OSS = inject('OSS')
const navbarHeight = ref<number>(0)

91
src/components/notice/Bill.vue Normal file
View File

@ -0,0 +1,91 @@
<template>
<view class="text-center">
<view class="w-120rpx h-120rpx mx-auto">
<wd-img width="120rpx" height="120rpx" mode="aspectFill" :src="`${OSS}icon/${info.icon}`" />
</view>
<view class="mt-40rpx">
<view class="font-400 text-32rpx leading-44rpx text-[#303133]">{{ info.title }}</view>
<view class="font-bold text-40rpx text-[#121212] leading-56rpx mt-24rpx">{{ Number(props.money).toFixed(2) }}</view>
</view>
<view class="mt-60rpx mb-38rpx w-100%">
<wd-gap height="2rpx" bgColor="#F6F7F9"></wd-gap>
</view>
<view class="mx-30rpx">
<view class="flex justify-between items-center leading-40rpx text-28rpx font-400">
<view class="text-[#606266]">当前状态</view>
<view class="text-[#303133]">{{ info.desc }}</view>
</view>
<view class="flex justify-between items-center leading-40rpx text-28rpx font-400 mt-20rpx">
<view class="text-[#606266]">{{ info.timeDesc }}</view>
<view class="text-[#303133]">{{ time }}</view>
</view>
<view class="flex justify-between items-center leading-40rpx text-28rpx font-400 mt-20rpx">
<view class="text-[#606266]">交易单号</view>
<view class="text-[#303133]">{{ order }}</view>
</view>
</view>
</view>
</template>
<script lang="ts" setup name="PayNotice">
const OSS = inject('OSS')
const props = defineProps({
// 类型
type: {
type: String,
default: ''
},
// 描述
money: {
type: Number,
default: 0.00
},
time: {
type: String,
default: ''
},
order: {
type: String,
default: ''
}
})
const bill = {
recharge: {
icon: 'icon_pay_success.png',
title: '充值成功',
desc: '充值成功',
timeDesc: '支付时间'
},
refund: {
icon: 'icon_refund.png',
title: '退款成功',
desc: '已退款',
timeDesc: '退款时间'
},
cashback: {
icon: 'icon_cashback.png',
title: '推荐会员提现',
desc: '已返现',
timeDesc: '返现时间'
}
}
const info = computed(() => {
return bill[props.type] || {}
})
</script>
<script lang="ts">
export default {}
</script>
<style lang="scss" scoped>
</style>

40
src/components/notice/Pay.vue Normal file
View File

@ -0,0 +1,40 @@
<template>
<view class="text-center">
<view class="w-120rpx h-120rpx mx-auto">
<wd-img width="120rpx" height="120rpx" mode="aspectFill" :src="`${OSS}icon/icon_pay_success.png`" />
</view>
<view class="mt-94rpx">
<view class="text-[36rpx] text-[#303133] leading-50rpx">{{ title }}</view>
<view class="text-[28rpx] text-[#9CA3AF] leading-40rpx mt-20rpx">{{ desc }}</view>
</view>
<view class="mt-78rpx">
<slot name="layout"></slot>
</view>
</view>
</template>
<script lang="ts" setup name="PayNotice">
const OSS = inject('OSS')
const props = defineProps({
// 标题
title: {
type: String,
default: ''
},
// 描述
desc: {
type: String,
default: ''
}
})
</script>
<script lang="ts">
export default {}
</script>
<style lang="scss" scoped>
</style>

40
src/components/notice/Reserve.vue Normal file
View File

@ -0,0 +1,40 @@
<template>
<view class="text-center">
<view class="w-300rpx h-300rpx mx-auto">
<wd-img width="300rpx" height="300rpx" mode="aspectFill" :src="`${OSS}images/reserve_room_image4.png`"></wd-img>
</view>
<view class="mt-60rpx text-center">
<view class="text-[#303133] text-36rpx leading-50rpx">{{ title }}</view>
<view class="text-[#9CA3AF] text-28rpx leading-40rpx font-400 mt-20rpx">{{ desc }}</view>
</view>
<view class="mt-78rpx">
<slot name="layout"></slot>
</view>
</view>
</template>
<script lang="ts" setup name="ReserveNotice">
const OSS = inject('OSS')
const props = defineProps({
// 标题
title: {
type: String,
default: ''
},
// 描述
desc: {
type: String,
default: ''
}
})
</script>
<script lang="ts">
export default {}
</script>
<style lang="scss" scoped>
</style>

8
src/components/reserve/room-list.vue → src/components/reserve/RoomList.vue
View File

@ -65,12 +65,10 @@
</view>
</template>
<script lang="ts" setup name="roomList">
import { ref, watch, inject } from 'vue'
import priceFormat from '@/components/price-format.vue';
import store from '@/store';
<script lang="ts" setup name="RoomList">
import PriceFormat from '@/components/PriceFormat.vue'
let OSS = inject('OSS')
const OSS = inject('OSS')
const spec = ref<boolean>(true)