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; }
cover-view还不支持rotate的
请官方大神解答一下