8d01653dac
- 添加签名面板页面，实现签名提交和清除功能 - 更新个人信息页面布局，增加下一步按钮 - 新增协议页面，实现支付前协议展示和同意签字功能 - 在 uno.config.js 中添加自定义样式规则，用于覆盖默认按钮样式
40 lines
1.3 KiB
Vue
40 lines
1.3 KiB
Vue
<script setup>
|
|
const activeNames = ref(['1']);
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-#EBEBEB h-screen-nav flex flex-col">
|
|
<div class="h-50px text-14px text-#191919 bg-#fff flex items-center px-21px mb-6px">支付前需同意以下内容并签字</div>
|
|
<van-collapse v-model="activeNames" class="grow-1">
|
|
<van-collapse-item name="1" class="mb-6px">
|
|
<template #title>
|
|
<div class="text-#2B53AC text-14px">《拍卖规则》</div>
|
|
</template>
|
|
代码是写出来给人看的，附带能在机器上运行。
|
|
</van-collapse-item>
|
|
<van-collapse-item name="2" class="mb-6px">
|
|
<template #title>
|
|
<div class="text-#2B53AC text-14px">《拍卖规则》</div>
|
|
</template>
|
|
代码是写出来给人看的，附带能在机器上运行。
|
|
</van-collapse-item>
|
|
<van-collapse-item name="3" class="mb-6px">
|
|
<template #title>
|
|
<div class="text-#2B53AC text-14px">《拍卖规则》</div>
|
|
</template>
|
|
代码是写出来给人看的，附带能在机器上运行。
|
|
</van-collapse-item>
|
|
</van-collapse>
|
|
<div class="h-81px bg-#fff flex justify-center pt-7px border-t">
|
|
<van-button color="#2B53AC" class="w-213px van-btn-h-38px">同意并签字</van-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
:deep(.van-cell__right-icon){
|
|
color: #ACACAC;
|
|
font-size: 12px;
|
|
}
|
|
</style> |