通过zoom设置遮罩淡入淡出时是否带有轻微的缩放效果,内部通过transform: scale(1.2, 1.2)实现 通过custom-style传入一个对象,自定义样式,如"{backgroundColor: 'red', color: 'blue'}" #API #Props
<uni-popup ref="popup" is-mask-click mask-background-color="rgba(0,0,0,0)" @maskClick="handleMaskClick"> <bugking7-carkeyboard ref="carKeyboard" :defaultValue="carValue" :customCarInput="true" :customCarInputCursor="customCarInputIndex" @carKeyboardClick="handleCarClick" @carKeyboardFinish...
通过zoom设置遮罩淡入淡出时是否带有轻微的缩放效果,内部通过transform: scale(1.2, 1.2)实现 通过custom-style传入一个对象,自定义样式,如"{backgroundColor: 'red', color: 'blue'}" #API #Props
background-color: #02b340; height: 140rpx; line-height: 140rpx; } .clear-button { @extend .button-style; background-color: #ffa500; height: 140rpx; line-height: 140rpx; } .cancel-button { @extend .button-style; background-color: #e10b2b; } .mask{ width: 100vw; height: 100vh;...
color: #fff; font-weight: bold; border-radius: 40rpx; border: none; box-shadow: 0 8rpx 20rpx 0 rgba(46, 189, 88, 0.36); } .banner_foot_button:active { background-image: linear-gradient(to right, #41bf7f, #3aaf7a); }
.popup-mask {background-color: rgba(0, 0, 0, 0.5);} 总结 popup组件是Uni-app中常用的交互组件之一,可以用于实现弹出窗口功能。在使用该组件时,我们可以通过控制:show属性来实现弹出窗口的显示与隐藏,也可以通过设置position属性来调整弹出窗口的位置。同时,我们也可以根据自己的需求对弹出窗口和遮罩层进行样式...
// 创建遮罩层constmask=document.createElement('div');mask.style.position='fixed';mask.style.top=0;mask.style.left=0;mask.style.width='100%';mask.style.height='100%';mask.style.backgroundColor='rgba(0, 0, 0, 0.5)';mask.style.zIndex=9999;// 将遮罩层插入到页面最底部document.body.appe...
background-color: #EDAA35; height: 100%; border-radius: 13upx; width: 13upx; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; & + .rect { margin-left: 15upx; ...
uView 提供了一个background参数(需对象形式),可以自定义导航栏的背景颜色: 这个颜色,在 APP 和小程序上,包括状态的颜色在内 如果是定义纯色的背景,可以设置backgroundColor属性 如果是定义渐变的背景,可以设置backgroundImage属性 如果是定义背景图,可以设置background属性,还可以加上其他属性,比如no-repeat,center等...
<uni-popup ref="codeInputPopup" background-color="#fff" :mask-click ="false" type="center"> <CodeInput :codeLength="5" :disabled="codeBtnDisabled" @codeInputClose="codeInputClose" @submitGoodCode="submitGoodCode" /> </uni-popup> ...