141 lines
4.0 KiB
Vue
141 lines
4.0 KiB
Vue
<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">
|
||
<text class="text_10">我知道了</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.mt-15 {
|
||
margin-top: 28.13rpx;
|
||
}
|
||
.page {
|
||
padding: 48.75rpx 33.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 {
|
||
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;
|
||
}
|
||
</style> |