search

dcloudio / uni-app

A cross-platform framework using Vue.js
https://uniapp.dcloud.io
Apache License 2.0
40.18k stars 3.64k forks source link

新的版本好像兼容有问题 #769

Closed mjay807 closed 5 years ago

mjay807 commented 5 years ago

2.2.5.20190907-alpha 这个版本下的css兼容好像有一部分没有兼容到，比如说渐变和文字超出隐藏

javascriptchen commented 5 years ago

请问是哪个平台下css有兼容问题，顺便提供下测试代码可以吗？

mjay807 commented 5 years ago

请问是哪个平台下css有兼容问题，顺便提供下测试代码可以吗？

微信小程序的css兼容，我这边的话有linear-gradient，和-webkit-line-clamp这个在小程序上显示有问题，上个版本是没有问题的。

javascriptchen commented 5 years ago

我试着background: linear-gradient这个属性是可以的，-webkit-line-clamp这个属性还在排查

mjay807 commented 5 years ago

我试着background: linear-gradient这个属性是可以的，-webkit-line-clamp这个属性还在排查

我这边的问题环境是，我在更新版本前的这里添加的background: linear-gradient这个属性，然后在2.2.5.20190907-alpha版本更新后，我项目上所有带有这个属性的按钮背景就全部变成透明的了，然后需要添加background: -webkit-linear-gradient去兼容，然后背景才会显示，然后-webkit-line-clamp这个属性的用途是我超出会隐藏嘛，然后点击可以展开，然后更新后现在编译了之后是直接显示左右的内容，不会超出隐藏，这个是在微信小程序上的问题

fxy060608 commented 5 years ago

贴一下你的 css 代码

mjay807 commented 5 years ago

贴一下你的 css 代码

position: fixed; width: 90rpx; height: 90rpx; right: 30rpx; bottom: 130rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(top, #DBBA7A, #CCA665); color: #785425; border-radius: 50%; overflow: hidden;

fxy060608 commented 5 years ago

position: fixed; width: 90rpx; height: 90rpx; right: 30rpx; bottom: 130rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(top, #DBBA7A, #CCA665); color: #785425; border-radius: 50%; overflow: hidden;

找到 HBuilderX 的安装目录plugins/uniapp-cli/package.json 将 Android >= 4.4 修改为 Android >= 4，然后再运行测试下

"browserslist": [
    "Android >= 4",
    "ios >= 8"
  ],
mjay807 commented 5 years ago

position: fixed; width: 90rpx; height: 90rpx; right: 30rpx; bottom: 130rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(top, #DBBA7A, #CCA665); color: #785425; border-radius: 50%; overflow: hidden;

找到 HBuilderX 的安装目录plugins/uniapp-cli/package.json 将 Android >= 4.4 修改为 Android >= 4，然后再运行测试下

"browserslist": [
    "Android >= 4",
    "ios >= 8"
  ],

可以了，感谢