liveh5-nuxt/app/pages/signature/protocol/index.vue

<script setup>
import {codeAuthStore} from "~/stores-collect-code/auth/index.js";

definePageMeta({
  layout: 'default',
  title: '签署内容'
})

const activeNames = ref(['1']);
const router = useRouter();
const goSignature=()=>{
  router.push({
  path:'/signature/panel'
})
}
</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" @click="goSignature">同意并签字</van-button>
  </div>
</div>
</template>

<style scoped>
:deep(.van-cell__right-icon){
  color: #ACACAC;
  font-size: 12px;
}
</style>