1. 什么是uniapp
Uniapp是一款基于Vue.js框架的跨平台应用全栈解决方案，它可以帮助开发者通过一套代码实现多个平台的应用开发，包括了H5、小程序、iOS、Android以及各种APP端平台。相对于其他多端应用开发方案，Uniapp具有很高的开发效率和灵活性，更重要的是可以实现真正的一套代码全平台运行，给开发者带来了极大的便利和效率提升。
2. Uniapp类样式不生效的原因
在使用uniapp进行开发时，有时会遇到类样式不生效的问题，这主要是由于uniapp构建项目时会对类名进行编译，以确保不会出现同名类的情况，所以如果我们要为某个元素添加样式，需要在类名前加上 '类名前缀-' 进行标识，否则样式将无法生效。
2.1 类名前缀设置
Uniapp默认的类名前缀为 'u-', 用户可以通过在项目根目录下创建 'uni.scss' 文件，来自定义类名前缀，示例代码如下：
// uni.scss文件内容
$prefix: 'my-prefix-';
2.2 使用Uniapp内置类名前缀
Uniapp还内置了一些类名前缀，可以在实际开发中使用，这些内置的类名前缀包括：
'u-' - Uniapp默认的类名前缀
't-' - 微信小程序类名前缀
'a-' - 华为快应用类名前缀
'ali-' - 支付宝小程序类名前缀
'b-' - 百度智能小程序类名前缀
'tt-' - 字节跳动小程序类前缀
3. 解决Uniapp类样式不生效的方法
当我们遇到类样式不生效的问题时，需要根据实际情况采用不同的解决方法，这里我们列举几个常用的解决方法：
3.1 使用Uniapp内置类名前缀
如2.2所述，可以直接使用Uniapp内置类名前缀来解决样式不生效的问题。例如，如果要为某个元素添加背景色，可以使用 'u-bg-red' 类名来设置背景颜色为红色。
3.2 自定义类名前缀
如果我们希望使用自定义的类名前缀来解决问题，可以按照2.1所述方式，创建 'uni.scss' 文件，并设置自定义的类名前缀，例如：
// uni.scss文件内容
$prefix: 'my-prefix-';
之后在样式表中使用类名时，就需要加上类名前缀，例如：
.my-prefix-bg-red {
background-color: red;
}
3.3 使用scoped样式
如果我们希望只在某个组件内生效的样式，可以使用scoped样式，在样式表中添加 'scoped' 修饰符即可，例如：
<template>
<div class="my-component"></div>
</template>
<style scoped>
.my-component {
background-color: red;
}
</style>
使用scoped样式后，样式表中的类名将自动添加唯一的哈希值，以保证样式只在当前组件内生效。需要注意的是，使用scoped样式可能会对性能产生一定影响，所以建议在必要的地方使用。
4. 总结
Uniapp是一款非常优秀的多端应用开发解决方案，但在实际开发过程中，我们可能会遇到类样式不生效的问题，这时我们需要根据实际情况采用不同的解决方法，包括使用Uniapp内置类名前缀、自定义类名前缀或使用scoped样式等。相信通过本文的介绍，您已经掌握了如何解决Uniapp类样式不生效的问题，同时也更加了解了Uniapp的基本概念和优势。