54 lines
1.1 KiB
Vue
54 lines
1.1 KiB
Vue
|
<template>
|
|||
|
|
<view class="h-full py-20vh">
|
|||
|
|
<view class="mb-10 px-15 text-lg font-semibold text-center">{{ survey.name }}</view>
|
|||
|
|
<scroll-view :scroll-y="true" class="h-40vh">
|
|||
|
|
<view class="text-sm text-gray px-15 text-center leading-normal">
|
|||
|
|
{{ survey.description || '' }}
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
<view v-if="customerName" class="my-4 text-center text-base">
|
|||
|
|
<text class="text-gray">客户：</text>
|
|||
|
|
<text class="font-semibold">{{ customerName }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view
|
|||
|
|
class="mx-auto answer-btn h-12 text-base flex items-center justify-center text-white text-center rounded-full bg-primary"
|
|||
|
|
@click="answer()">
|
|||
|
|
开始答题
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<script setup>
|
|||
|
|
defineProps({
|
|||
|
|
customerName: { type: String, default: '' },
|
|||
|
|
survey: { type: Object, default: () => ({}) }
|
|||
|
|
})
|
|||
|
|
const emits = defineEmits(['answer'])
|
|||
|
|
|
|||
|
|
function answer() {
|
|||
|
|
emits('answer')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
<style>
|
|||
|
|
.h-40vh {
|
|||
|
|
height: 40vh;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.py-20vh {
|
|||
|
|
padding: 20vh 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.my-4 {
|
|||
|
|
margin-top: 30rpx;
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.answer-btn {
|
|||
|
|
width: 80%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.h-12 {
|
|||
|
|
height: 96rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|