<template>
	<view class="flex-col page">
	  <text class="self-center text">费用说明</text>
	  <view class="flex-col self-stretch group">
	    <text class="self-start font text_2">一、费用支付流程</text>
	    <text class="self-stretch font_2 text_3">
	      确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。
	      <br />
	      预约成功：预约成功后，您需前往店铺挑选对应等级的服装。
	      <br />
	    </text>
	    <text class="self-stretch font_2 text_4">
	      补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。
	    </text>
	  </view>
	  <view class="flex-col self-stretch group_2">
	    <text class="self-start font">二、尾款具体事项</text>
	    <text class="mt-18 self-stretch font_3 text_5">
	      租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。
	      <br />
	      购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。
	      <br />
	      定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。
	    </text>
	  </view>
	  <view class="flex-col self-stretch group_3">
	    <text class="self-start font text_6">三、定金与押金说明</text>
	    <text class="self-stretch font_3 text_7 mt-15">
	      定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。
	      <br />
	      押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。
	    </text>
	  </view>
	  <view class="flex-col self-stretch group_4">
	    <text class="self-start font text_8">四、特殊情况处理</text>
	    <text class="mt-18 self-stretch font_3 text_9">
	      若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。
	      <br />
	    </text>
	  </view>
	  <view class="flex-col justify-start items-center self-stretch text-wrapper" @click="jump_pay">
	    <text class="text_10">我知道了</text>
	  </view>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	const jump_pay =()=>{
		uni.navigateTo({
			url: '../../../pages/booking/bookingpay/bookingpay'
		})
	}
</script>

<style lang="scss" scoped>
.mt-15 {
  margin-top: 28.13rpx;
}
.page {
  padding: 48.75rpx 11.75rpx 61.88rpx;
  background-color: #fffef8;
  border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.text {
  color: #323232;
  font-size: 37.5rpx;
  font-family: Open Sans;
  line-height: 34.73rpx;
}
.group {
  margin-right: 11.25rpx;
  margin-top: 67.5rpx;
}
.font {
  font-size: 30rpx;
  font-family: Open Sans;
  line-height: 27.71rpx;
  color: #323232;
}
.text_2 {
  line-height: 35.63rpx;
}
.font_2 {
  font-size: 26.25rpx;
  font-family: Inter;
  line-height: 31.88rpx;
  color: #323232;
}
.text_3 {
  margin-left: 22.5rpx;
  margin-top: 15rpx;
}
.text_4 {
  margin-left: 18.75rpx;
  margin-right: 15rpx;
}
.group_2 {
  margin-right: 18.75rpx;
  margin-top: 63.75rpx;
}
.font_3 {
  font-size: 26.25rpx;
  font-family: Open Sans;
  line-height: 31.88rpx;
  color: #323232;
}
.text_5 {
  margin-left: 15rpx;
}
.group_3 {
  margin-right: 18.75rpx;
  margin-top: 63.75rpx;
}
.text_6 {
  line-height: 27.84rpx;
}
.text_7 {
  margin-left: 15rpx;
}
.group_4 {
  margin-right: 22.5rpx;
  margin-top: 56.25rpx;
}
.text_8 {
  line-height: 27.75rpx;
}
.text_9 {
  margin-left: 3.75rpx;
}
.text-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 75rpx 22.5rpx 0;
  padding: 30rpx 0;
  background-color: #fbb612;
  border-radius: 75rpx;
}
.text_10 {
  color: #ffffff;
  font-size: 30rpx;
  font-family: Inter;
  line-height: 27.71rpx;
}
@import url(../../../common/css/global.css);
</style>