用了很多网上的方法都有用最后采取的方法是使用v-show进行状态判断,两个底部弹窗一个显示的时候另外一个进行隐藏。每次都只显示一个
一、z-index 第一反应肯定是用z-index来提升按钮的层级和降低canvas的层级,显然意料之中的失效,因为canvas等一些原生组件层级很高。 二、cover-view 然后想到的是cover-view 但是使用后发现它并不能固定在屏幕右下角,后来发现uniapp的cover-view不支持下面的css 三、canvasToTempFilePath 这是在社区找到的方法,也是...
uniapp-image标签显示层级始终最高问题: 当实现顶部的菜单栏固定后,下边的list列表需要上拉时,因为其显示层始终最高,所以覆盖tab栏。 解决办法使用view的background属性来加载图片(可以使用外部路径也可以使用本地图片),就可解决此类问题。
<view v-if="status"style="width: 90%; height: 2rpx; background-color: #bcbcbc; margin-left: 20rpx;"></view> <viewclass="pd12_10"v-if="status"> <viewclass="ft14">热门城市</view> <viewclass="flex wrap"> <viewclass="ft14 hot_city border"v-for="(item, index) in hot":key...
.top_view { height: var(--status-bar-height); width: 100%; position: fixed; background-color: #F8F8F8; top: 0; z-index: 999; } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20....
</view> <view class="content"> <!-- 正文内容 --> </view> </view> </template> .slot-wrap { display: flex; align-items: center; /* 如果您想让slot内容占满整个导航栏的宽度 */ /* flex: 1; */ /* 如果您想让slot内容与导航栏左右有空隙 */ /* padding: 0 30rpx; */ } ...
'已选择疾病':'未选择疾病'}}</view> </view> <view :class="[btnShow===true?'footerBtn':'footerBtnDisabled']" @click="submit()">开始评估</view> </view> <view style="margin-top: 36rpx;margin-left: 28rpx;color: #333333;font-size: 32rpx;font-weight: 500;">已选疾病</view> ...
王爱号很肖
<template><viewclass="uni-tabbar"><viewclass="uni-tabbar__item"v-for="(item, index) in tabbar":key="index"@tap="changeTab(item)"><viewclass="uni-tabbar__bd"><viewclass="uni-tabbar__icon"><imagev-if="item.pagePath == pagePath"class="icon-img"mode="aspectFit":src="item.selected...
zIndex 弹出层的z-index值 Number | String 10075 - safeAreaInsetBottom 是否为留出底部安全距离 Boolean true false safeAreaInsetTop 是否留出顶部安全距离(状态栏高度) Boolean false true closeIconPos 自定义关闭图标位置,top-left为左上角,top-right为右上角,bottom-left为左下角,bottom-right为右下角 Stri...