uniapp设置全局样式的一个注意点

页面style的scoped默认是开启的，如果一个组件渲染后后包括子标签，会造成页面自己写的样式无效 UniApp页面样式默认规则是：H5端为了隔离页面间的样式默认启用了 scoped 问题详情 渲染前的页面样式代码，style并未设置scoped，写在外部文件引用也一样，默认是开启的 <style> switch.blue-checked.uni-switch-input { background-color: #007aff !important; border-c..

在app.vue中写的是全局样式，在my.vue中写的是局部样式。

有时候会遇到在class上修改的样式会无效，是因为遇到了样式穿透， 在vue开发过程中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。 <style scoped> ::v-deep .act-view-radio{ background: #f9ebc6; } </style> 在那个class前面加上::v-deep以及在sty

unipp的app项目出现h5与app真机调试不一致的情况，{{scope.row.xxx}}h5可正常显示数据，但是在真机调试一直时出现undefined

​在学习uni-app过程中，记录下使用的css样式，持续更新。

// #ifdef APP-PLUS var currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview() setTimeout(function() { let wv = curr

前置知识及scope列表：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html 1.获取用户授权设置 开发者可以使用 wx.getSetting 获取用户当前的授权状态。 打开设置界面 用户可以在小程序设置界面（「右上角」 - 「关于」 - 「右上角」 - 「设置」）中控制对该小程序的授权状态。 开发者可以调用 wx.openSetting 打开设置界面，引导用户开启授权。 wx.op.

在uniapp中，我们使用CSS来设置页面的样式和布局。本章将介绍一些在uniapp中常用的CSS技巧和布局实例，帮助你更好地美化页面和实现各种布局效果。以上是uniapp中常用的CSS技巧和布局实例，以及如何使用CSS动画和过渡效果增强页面的动态效果。可以直接编写常规的CSS样式，也可以使用预编译的CSS工具，比如Sass或Less。除了使用CSS动画，uniapp还支持使用过渡效果为元素添加平滑的过渡效果。弹性布局和自适应高度的方式。的动画，持续时间为2秒，使用线性变换方式，并无限循环播放动画。

6、{{ a }}：如果设置a=5则输出5不输出a。1、hover-class：当有鼠标按下时，会切换对应的样式；也可以设置对应的变色时间。5、navigator：跳转到某个页面，可以内嵌到文字和图片中。表示一个为红色的边框。2、selectable：设置text组件的文本是否可以进行复制。3、with：当设置为80%时，表示宽占整个屏幕的80%。

page选择器在小程序和app编译中是页面的父节点，所以加上scoped限定后，会导致无法选中。详细了解请移步源码。二、uniapp生成的app启动时，多个请求都因为未登录，转至登录页面，使其多次打开。解决办法就是给 page 选择器，单独设置一个 style，去掉scoped就行。在用uniapp生成网页和H5时有效，但生成小程序或者app时无效。一、lang="scss" scoped中的page选择器的样式失效。这是因为函数异步执行，和跳转后没有关闭上一页面导致的。

一、背景政采前端团队的移动端跨端解决方案选择的是 uni-app。跨端方案的好处就是一码多端，即书写一次就可以输出到 web、小程序、Anroid、iOS 等各端。既然是开发，那必然少不了配套的组件库和方法库，而我们公司因为历史原因存在一些的非 uni-app 的项目，vue2 和 vue3 也都在用，而重构的收益又不高，那如何开发一套多个技术栈下都能用的组件库&方法库就成为了我们最大的挑...

在src下创建components文件夹，把创建的组件存放在components中，然后就可以全局使用了，不用导入，也不用注册，直接通过自定义组件文件名称来使用，vit会自动识别components中的文件为组件。由于vue3中不支持require，所以我就用自定义组件的方式， 通过利用image的error方法来实现了图片加载失败的占位效果。imgUrl : {也可以通过下面这种方式写，我是用自定义组件是因为调用接口的方法不支持内容的修改。

uniapp = vue + 小程序 uniapp中的页面使用vue的单文件组件结构, 子组件同样使用vue的单文件组件 uniapp应用启动页 由page.json 文件配置 uniapp中的标签使用小程序中的组件标签 uniapp中的尺寸单位使用小程序中的 rpx uniapp中的数据绑定与渲染, 使用vue中的指令语法(v-model, ref, $emit, slot) uniapp中的页面的生命周期函数 使用 小程序页面的 生命周期函数 uniapp中的组件的生命周期函数 使用...