蒙层
html实现点击图片放大功能
html实现点击图⽚放⼤功能<html><head><style>.over {position: fixed; left:0; top:0; width:100%; z-index:100;}.tempContainer {position:fixed; width:100%; margin-right:0px; margin-left:0px; text-a...
解决VantUIpopup弹窗不弹出或无蒙层的问题
解决VantUIpopup弹窗不弹出或⽆蒙层的问题背景####组件PopupTime.vue把vant官⽹的popup+时间选择器抽成组件:popup1show: true 即弹窗显⽰<template><div class="PopupTime"><van-popup v-model="popup1show" position="bottom" :overlay="...
html引导蒙层,CSS实现镂空蒙层
html引导蒙层,CSS实现镂空蒙层添加⼀个元素⽤border去做蒙层,镂空部分⽤width, height 或者 padding去控制。⽗级设置⼀个宽⾼100%的div,overflow: hidden 隐藏超出部分的border,以及定位显⽰镂空部分。divwidth: 100%height: 100%overflow: hiddenposition: absoluteleft: 0top:...
解决小程序中的滚动穿透问题
解决⼩程序中的滚动穿透问题Mask-Scroll>蒙层防穿透问题> 蒙层穿透就是,当你⽤fixed 布局让蒙层显⽰的时候,⼿指滑动屏幕会出现底部内容也滑动的现象. 如图:当蒙层出现的时候,你滚动屏幕,底部内容也⼀起跟着滚动。这就是蒙层穿透,也可以叫 '滚动穿透'. 当然出现这种情况,⽤户体验当然是不好的了。所以作为⼀个有点追求的⼯程师当然是不允许这种情况的发⽣了(⼿动狗头...)#...
vue3 蒙层指引
vue3 蒙层指引Vue3中实现蒙层指引的方法可以通过添加透明可视区域来创建阴影蒙层,利用css box-shadow属性即可实现。以下是一个简单的示例代码:```html<template> <view v-if="show" class="user-guide"> <view id="visual-view" class="v...
uni-app的midButton,中间突出,点击跳转页面或者出现弹框。
uni-app的midButton,中间突出,点击跳转页⾯或者出现弹框。前⾯做⼀个APP中间要求突出,记得以前好像uni没有⾃带得这个,然后看官⽹现在有这个了,刚好项⽬也需要,就写了下。下⾯就是完整得tabbar配置"tabBar":{"color":"#999999","selectedColor":"#333333","borderStyle":"#e8e8e8","backgroundCol...