当前位置: 首页 > wzjs >正文

有了域名和空间怎么做网站最新国际新闻50条简短

有了域名和空间怎么做网站,最新国际新闻50条简短,做网站的教学视频,国际b2c网站排名问题: uniapp项目打包的微信小程序,设置uni-popup type"bottom"时,底部有空隙 解决思路: 1、检查代码是否存在样式问题 2、使用微信小程序自带的调试器元素 3、查看源码定位底部是如何出现该空隙的 1、检查代码 检…

 问题:

uniapp项目打包的微信小程序,设置uni-popup type="bottom"时,底部有空隙

解决思路:

1、检查代码是否存在样式问题
2、使用微信小程序自带的调试器元素
3、查看源码定位底部是如何出现该空隙的

1、检查代码

检查多次代码,都是正常没有问题,样式设置也没有问题,在H5环境展示没有问题,只存在与微信小程序真机环境

<uni-popup ref="shareUniPopup" :animation="true" type="bottom" @maskClick="maskClickpopup()" @change="changePopup()" :maskBackgroundColor="'rgba(0, 0, 0, 0.7)'"><view class="sharePopupClass"><view class="morePopupTitleClass"><view class="shareTitleClass">已选{{selectedIdDataList.length}}张图片</view><image src="/static/images/close.png" style="width: 36rpx;height: 36rpx;margin-right: 34rpx;" @click="closeSharePopupClick"></image></view><view style="height: 2rpx;width: 100%;background-color: #CDCDCD;"></view><view class="uni-margin-wrap"><swiper class="swiper"><swiper-item><view class="swiper-item uni-bg-red">A</view></swiper-item><swiper-item><view class="swiper-item uni-bg-green">B</view></swiper-item><swiper-item><view class="swiper-item uni-bg-blue">C</view></swiper-item></swiper></view></view></uni-popup>

排除自己写的代码的问题

2、使用微信小程序自带的调试器元素

调试也没有看到有空隙位置的设置高度,只能去看uni-popup的源码了

3、查看源码定位底部是如何出现该空隙的

this.safeAreaInsets

unia-popup中的源码中有PopUp 弹出层 bottom 底部弹出,全局查找bottom

/*** PopUp 弹出层* @description 弹出层组件,为了解决遮罩弹层的问题* @tutorial https://ext.dcloud.net.cn/plugin?id=329* @property {String} type = [top|center|bottom|left|right|message|dialog|share] 弹出方式* 	@value top 顶部弹出* 	@value center 中间弹出* 	@value bottom 底部弹出* 	@value left		左侧弹出* 	@value right  右侧弹出* 	@value message 消息提示* 	@value dialog 对话框* 	@value share 底部分享示例* @property {Boolean} animation = [true|false] 是否开启动画* @property {Boolean} maskClick = [true|false] 蒙版点击是否关闭弹窗(废弃)* @property {Boolean} isMaskClick = [true|false] 蒙版点击是否关闭弹窗* @property {String}  backgroundColor 主窗口背景色* @property {String}  maskBackgroundColor 蒙版颜色* @property {String}  borderRadius 设置圆角(左上、右上、右下和左下) 示例:"10px 10px 10px 10px"* @property {Boolean} safeArea		   是否适配底部安全区* @event {Function} change 打开关闭弹窗触发,e={show: false}* @event {Function} maskClick 点击遮罩触发*/

根据bottom字段全局查找到了:底部弹出样式处理

/*** 底部弹出样式处理*/bottom(type) {this.popupstyle = 'bottom'this.ani = ['slide-bottom']this.transClass = {position: 'fixed',left: 0,right: 0,bottom: 0,paddingBottom: this.safeAreaInsets + 'px',backgroundColor: this.bg,borderRadius:this.borderRadius || "0",}// TODO 兼容 type 属性 ,后续会废弃if (type) returnthis.showPoptrans()},

看代码中有一个paddingBottom 设置,有一个 this.safeAreaInsets + 'px',

尝试直接设置 paddingBottom: 0后,重新测试即可解决了。

解决后效果图:

http://www.dtcms.com/wzjs/31246.html

相关文章:

  • 爱站网长尾奶茶网络营销策划方案
  • 全国工商企业查询网官网长沙网站推广seo
  • b2b网站如何做推广长尾关键词爱站
  • 找网站做任务领q币seo 优化教程
  • 哪些网站可以做百科参考资料可以营销的十大产品
  • 长治企业网站建设价格武汉seo网站推广
  • 抖音关键词排名优化软件搜索引擎seo排名优化
  • app界面设计模板素材免费seo标题关键词优化
  • 我想注册一个做门窗的网站应该怎样做seo服务销售招聘
  • 做网站优化步骤系统优化软件推荐
  • 创意设计提案镇江交叉口优化
  • 用手机怎样免费做网站移动端seo关键词优化
  • 做网站推广员长春免费网上推广
  • 成都网站模板购买培训体系
  • 怎么给网站做百度优化新冠疫情最新情况最新消息
  • 模板建设网站世界十大网站排名出炉
  • 台湾做网站长沙网站定制公司
  • 如何做自动采集视频网站源码app优化排名
  • 越南疫情最新消息标题优化方法
  • 充值网站 模板报个计算机培训班多少钱
  • 做相亲网站需要什么流程推广官网
  • 贵州省住房和城乡建设部网站google搜索引擎入口网址
  • 广州网站建设高端网百度推广联系人
  • 网站建设教程多少钱就业seo好还是sem
  • 学生做网站期末作业永久免费自助建站系统
  • 网站开发的架构创量广告投放平台
  • 如何用服务器搭建网站怎么在百度发帖
  • 杭州做营销型网站百度贴吧人工客服
  • 网站续费通知单汕头seo收费
  • 义乌网站建设微信开发优化一下