vant展示组件中的折叠面板的一些样式修改记录

最新推荐文章于 2024-04-19 09:42:27 发布

九情

最新推荐文章于 2024-04-19 09:42:27 发布

阅读量1.8k

点赞数

分类专栏： vant 文章标签：前端 vue

本文链接：https://blog.csdn.net/qq_43597212/article/details/125549672

版权

vant 使用笔记

<template>
  <div>
    <div>
      <van-nav-bar
        class="style"
        title="请选择"
        left-text=""
        right-text=""
        left-arrow
        @click-left="onClickLeft"
      />
    </div>
    <div
      style="
        position: absolute;
        top: 46px;
        zindex: 2;
        width: 100%;
        height: 70px;
        background: linear-gradient(56deg, #4a7ef8 11%, #78b4fc 94%);
      "
    ></div>
    <!-- 组织机构 -->
    <div
      style="
        padding-top: 24px;
        border-radius: 10px;
        width: 350px;
        height: 570px;
        position: relative;
        z-index: 3;
        background: #fdfdfd;
        margin: 0 auto;
      "
    >
      <div
        style="margin-left: 20px; font-size: 13px; width: 52px; height: 18px"
      >
        组织机构
      </div>
      <van-collapse v-model="activeNames