小程序cover-view的BUG!!
发布于 6 年前 作者 yangjun 11901 次浏览 来自 问答

cover-view设置不了圆,找圆心也找不了,在开发者工具测试的时候是正确的,在真机测试就不行了

附图

微信开发者工具:

真机测试:

附代码:

/**index.wxss**/.circle-out {  margin: 75px auto;  position: relative;  width: 350px;  height: 350px;  border-radius: 50%;  background-color: #415cab;}.userinfo-avatar {  width: 70px;  height: 70px;  border-radius: 50%;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;}.circle-in {  position: absolute;  width: 330px;  height: 330px;  border-radius: 50%;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;  background-color: #fff;}.menu-list {  position: absolute;  left: 0;  top: 0;  width: inherit;  height: inherit;}.menu-item {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  font-weight: 500;}.menu-circle-item {  -webkit-transform-origin: 50% 150px;  transform-origin: 50% 150px;  margin: 0 auto;  margin-top: 15px;  position: relative;  height: 50px;  width: 50px;  background-color: #77c2fc;  text-align: center;  border-radius: 50%;}.image-style {  height: 25px;  width: 25px;  color: #f00;  margin: 12.5px auto;}.text-style {  margin: 5px auto;  font-size: 15px;}.menu-circle-text-item {  -webkit-transform-origin: 50% 100px;  transform-origin: 50% 100px;  margin: 0 auto;  position: relative;  height: 25px;  width: auto;  text-align: center;}

2 回复

cover-view还不支持rotate的

请官方大神解答一下

回到顶部