随笔分类 - vant
摘要：<template> <!-- 搜索筛选 --> <van-popup v-model="showPopup" round position="bottom" :style="{ height: '70%' }" closeable close-icon="cross" class="page-fi
阅读全文
摘要：<van-popup v-model="showProject" position="bottom" get-container="body" class="pb20" :style="{ height: '80%', }" closeable round > <div class="pop-hea
阅读全文
摘要：样式行，实际不行 <van-checkbox-group v-model="selectItems" @click="selectItemsFn"> <div class="flexa w"> <van-checkbox v-for="(item, index) in tableData" :key
阅读全文
摘要：<van-field style="border: 1px solid #cbcad5" v-model="item.inletTankNumberName" placeholder="请选择" type="number" readonly is-link @click="openOilPopFn(
阅读全文
摘要：<van-dialog v-model="showParkingLot" title="选择" show-cancel-button cancelButtonText="取消" confirmButtonColor="#2e7cf9" @confirm="confirm" > <div class=
阅读全文
摘要：StepSignSeal.vue <template> <!-- 搜索筛选 --> <van-dialog v-model="visibleEnd" title="XXX" show-cancel-button @confirm="confirmFn" @cancel="closeFn" > <di
阅读全文
摘要：自定义封装组件 z-index问题 <template> <div> <van-overlay :show="isShow" :custom-style="{ background: 'rgb(255, 255, 255, 0.6)', display: 'flex', justifyContent
阅读全文
摘要：参考 将button的native-type设置为button，同时加上.stop来阻止其冒泡。 <van-button native-type='button' @click.stop='xxx'>
阅读全文
摘要：<van-dialog v-model="showDialog" @confirm="confirmFn" @cancel="showDialog = false" title="添加故障现象" show-cancel-button :before-close="onBeforeClose" > <
阅读全文
摘要：// van-popup 遮罩白底 .page-van-overlay-f .van-overlay { background: #fff !important; }
阅读全文
摘要：已经全局引入 import Vant from 'vant'; 正确写法：不需要再次引入 Toast this.$toast.loading({ duration: 0, forbidClick: true, // mask: true,//是否展示遮罩 message: "加载中...", });
阅读全文
摘要：<van-dialog v-model="showDialog" showDialog 明明变成false了，跳路由返回后还是弹最后加个v-if解决问题 <van-dialog v-model="showDialog" v-if="showDialog"
阅读全文
摘要：<van-field clickable name="XXXX" is-link readonly :value="statusValue" placeholder="请选择是否油库" @click="showStatusFn" :rules="[{ required: true, message:
阅读全文
摘要：van-tab需要先渲染后，修改参数对应active，才能有效切换到对应tab
阅读全文
摘要：touch-action: pan-y; 与 van-tabs 滚动冲突
阅读全文
摘要：官网指导 参考博客 css: { loaderOptions: { less: { modifyVars: { // 'red': "#cc0000", 'blue': '#cc0000', 'text-color': '#cc0000', // 'border-color': '#cc0000',
阅读全文
摘要：https://blog.csdn.net/conving/article/details/117822879?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_
阅读全文
摘要：1.轮播图设置， .img { width: 100%; height: 100%; object-fit: cover; touch-action: none; } 如果不设置不能达到 保持纵横比缩放图片，只保证图片的短边能完全显示出来 .img { width: 100%; height: 10
阅读全文