<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<p>vue3样式有bug快修复啊啊啊</p>
</view>
</template>
<style lang="scss">
p {
color:#f0f;
}
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
p {
color : #0f0;
}
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style> 
zenn
- 发布：2023-03-27 22:20
- 更新：2023-03-28 20:38
- 阅读：256
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.2.1 (22D68)
HBuilderX类型： 正式
HBuilderX版本号： 3.7.3
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： 苹果12
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
使用p标签样式，复现bug
使用p标签样式，复现bug
预期结果：
给p标签 文字设置了绿色
给p标签 文字设置了绿色
实际结果：
p标签没显示颜色，样式没设置上去
p标签没显示颜色，样式没设置上去
bug描述：
uniapp vue3模式下直接用标签名写样式没反应，需要加类，用vue2测试就没有问题，vue3就有
vue3 出于性能考虑，暂不支持 html 标签样式转换 相关 issue
-
vue3 h5版，.arco-picker input {
width: 100%;
padding: 0;
padding-left: 8px;
color: var(--color-text-2);
line-height: 1.5715;
text-align: left;
background-color: transparent;
border: none;
outline: none;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
input样式不生效
2024-10-15 14:36
