SmartParks_uniapp/pages/sys/user/serviceCenter/questionDetail.vue

87 lines
2.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="detail-container">
<!-- 可滚动内容区 -->
<view class="scroll-content">
<!-- 问题标题 -->
<view class="question-title">
包月停车临时停车的办理流程及收费标准
<view class="title-underline"></view>
</view>
<!-- 内容区 -->
<view class="question-content">
<view class="question-desc">
您好:本项目只有8组团为包月停车办理流程为:业主携带身份证至物业客户中心前台办理租户带租赁合同和身份证到前台办理即可;5,6,7,9,10,11组团无包月停车无需办理包月停车手续;临时停车无需办理5,6组团为私家车位无需收费8组团包月停车的收费标准为:500/8组团临时停车的收费标准为:小区内9,10,11组团临时停车的收费标准为:二轮车:每小时1元12小时内5元/24小时内10元/;小型车:每小时3元12小时内10元/24小时内20元/;大型车:每小时4元12小时内15元/24小时内25元/
</view>
<image src="/static/ic_q_d_01.png" class="question-img" mode="widthFix" />
</view>
</view>
</view>
</template>
<script>
export default {
methods: {
}
}
</script>
<style scoped>
.detail-container {
height: 100vh;
background: #fff;
display: flex;
flex-direction: column;
}
.detail-back {
position: absolute;
left: 37rpx;
width: 15rpx;
height: 33rpx;
}
.detail-title {
font-size: 36rpx;
color: #000;
}
.scroll-content {
flex: 1;
overflow-y: auto;
padding-bottom: 40rpx;
}
.question-title {
font-size: 36rpx;
font-weight: bold;
color: #000000;
margin: 40rpx 32rpx 0 64rpx;
position: relative;
line-height: 1.4;
}
.title-underline {
width: 120rpx;
height: 6rpx;
background: #3B8BFF;
border-radius: 3rpx;
margin-top: 8rpx;
}
.question-content {
margin: 34rpx 24rpx 0 24rpx;
background: #EDF6FF;
border-radius: 12rpx;
border: 2rpx dashed #bfc8d6;
padding: 32rpx 24rpx 24rpx 24rpx;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.question-desc {
font-size: 28rpx;
color: #4A4A4A;
line-height: 1.8;
margin-bottom: 24rpx;
}
.question-img {
width: 100%;
border-radius: 8rpx;
}
</style>