tnblog
首页
视频
资源
登录
原

uni-app 修改uni-app自带弹窗组件宽度,uni-app弹窗宽度百分比

17320人阅读 2022/3/14 16:42 总访问：824624 评论：0 收藏：0 手机
分类: 移动开发

修改uni-app自带弹窗组件宽度，用百分比设置

  1. /deep/.uni-popup .uni-popup__wrapper {
  2.     width: 80% !important;
  3.     padding: 40rpx;
  4. }

tip:直接修改组件内部样式是无效的，直接打开组件进行修改又会影响全局，而且那天重新更新一下组件以前的修改的东西就会被覆盖了。

使用/deep/或者>>>。样式最好加上scoped 否者容易影响全局

使用/deep/

  1. /deep/.title{
  2.     font-size: 36rpx;
  3.     color: #f00;
  4. }

或者>>>

  1. >>>.title {
  2.    font-size: 36rpx;
  3.    color: #007AFF;
  4. }

欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

uni-app开始时间与结束时间（结束时间大于开始时间）picker编写
利用uni-app官网里面picker插件代码当点击开始时间后结束时间要大于选择后的开始时间，点击结束时间后开始时间要小于开始时...

uni-app用法与html标签的变化
以前是html标签，比如，现在是小程序组件，比如。那么标签和组件有什么区别，不都是用尖括号包围起来一段英文吗？其实标签...

uni-app无法导入插件
点击网页中右上角的插件导入，可以打开项目，但是就是无法导入插件。是因为，要登录！hbuilder里边也要登录才行，他这个应...

使用uni-app的云端一体插件
初次使用uni-app的云端一体插件步骤还是有点多，也有一些坑，在这里把使用过程记录一下。 一：先下载需要的插件在插件右上...

uni-app中list插件图标问题
如图：他使用uni-icons实现的如果只有text就不会有图标有时候贴的文档不是太完善，还是要下一个完整的插件来对比一下

uni-app发起请求
代码如下：uni.request({ url:'接口地址', success:(result)=>{ my.lists=result.data; } })注意你的...

uni-app官方文档
https://uniapp.dcloud.io/

uni-app运行与调试
上边有菜单，可以运行到浏览器，也可以运行到内置浏览器运行到内置浏览器的效果：

uni-app引入外部资源，引入外网样式
很简单代码如下：<style> @import'http://image.tnblog.net/amazeui.min.css'; </style> <st...

uni-app设置起始页
很简单，在pages.json里边配置即可。

uni-app页面无法跳转问题
首先检查一下有没有在pages里边配置没有配置不行的哦或者看看你的跳转方式对不对，如果跳转的是底部菜单，但是你用的是uni....

uni-app 删除失败 setting denied access to....
删除的时候如果文件夹下面还有页面，这样直接删除文件夹是会报错的：删除失败 setting denied access to....这种情况就直接...

uni-app中引入外部js
可以使用代码如下：varscript=document.createElement('script'); script.src="http://image.tnblog.net/jqu...

uni-app dom操作
比如引入外部js需要用到的dom操作:varscript=document.createElement('script'); script.src="http://image....

uni-app使用web-view引入页面
代码如下：<template> <viewclass="h5-html"> <web-view:webview-styles="webviewStyl...

uni-app真机调试
很简单只要手机开启了usb调试，然后hbuilderx会自动获取到手机的然后运行到手机即可华为手机开启use调试：一直点击版本号进...
这一生多幸运赶上过你.
博主信息
排名
8
文章
222
粉丝
7
评论
7
文章类别
最新文章
最新评价
关于我们
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：50010702506256
欢迎加群
欢迎加群交流技术