border-radius在开发者工具上显示,在真机上不显示
2019-03-15 16:54:37
微信公开课小程序热门讨论关于「border-radius在开发者工具上显示,在真机上不显示」的小程序开发问题
补充:borderradius在开发者工具上显示,在真机上不显示,当前Bug的表现(可附上截图)这是真机上的效果,borderradius不起作用,地图模式这个view是左上和左下是圆角,现在整个view都是圆角;列表模式
展开:问题模块框架类型问题类型操作系统操作系统版本手机型号微信版本客户端小程序BugiOS91iPhone6p673当前Bug的表现这是真机上的效果,borderradius不起作用,地图模式这个view是左上和左下是圆角,现在整个view都是圆角;列表模式这边的view是右上和右下是圆角,现在这个列表模式的view都没有变为圆角预期表现这是开发者工具上预览的效果,borderradius正常显示这是wxml代码:<coverviewstyle=position:absolute;top:80%;left:0;width:100%;<coverviewstyle=textalign:center;margin:0auto;width:202px;border:0rpxsolide6e6ea;bindtap=wxSearchTab<coverviewclass=mapmodelstyle=地图模式<coverview<coverviewclass=listmodelstyle=列表模式<coverview<coverview<coverview这是wxss样式:mapmodel{*webkitborderradius:20px0px0px20px; mozborderradius:20px0px0px20px; borderradius:20px0px0px20px;*bordertopleftradius:20em;bordertoprightradius:0em;borderbottomrightradius:0em;borderbottomleftradius:20em;float:left;paddingleft:0px;fontsize:16px;lineheight:40px;background:1998f9;color:fff;width:100px;height:42px;}listmodel{*webkitborderradius:0px20px20px0px; mozborderradius:0px20px20px0px; borderradius:0px20px20px0px;*bordertopleftradius:0em;bordertoprightradius:20em;borderbottomrightradius:20em;borderbottomleftradius:0em;border:1pxsolid1998f9;float:left;paddingleft:0px;fontsize:16px;lineheight:40px;background:fff;color:909090;width:100px;height:40px;}即速小程序:https:developersweixinqqcomminiprogramdevcomponentcoverviewhtml看看这里的tip说明:tip第十条:谢啦coverview和view差好多啊,view可以实现的功能coverview好多都实现不了,希望腾讯可以快点更新过来:记得好像之前哪里看到过,说真机不支持单边圆角,必须是全部圆角才行:是的,view支持单边圆角,coverview不支持,很无语
更多有关「border-radius在开发者工具上显示,在真机上不显示」的讨论可以前往微信公开课小程序参与互动哦!
补充:borderradius在开发者工具上显示,在真机上不显示,当前Bug的表现(可附上截图)这是真机上的效果,borderradius不起作用,地图模式这个view是左上和左下是圆角,现在整个view都是圆角;列表模式
展开:问题模块框架类型问题类型操作系统操作系统版本手机型号微信版本客户端小程序BugiOS91iPhone6p673当前Bug的表现这是真机上的效果,borderradius不起作用,地图模式这个view是左上和左下是圆角,现在整个view都是圆角;列表模式这边的view是右上和右下是圆角,现在这个列表模式的view都没有变为圆角预期表现这是开发者工具上预览的效果,borderradius正常显示这是wxml代码:<coverviewstyle=position:absolute;top:80%;left:0;width:100%;<coverviewstyle=textalign:center;margin:0auto;width:202px;border:0rpxsolide6e6ea;bindtap=wxSearchTab<coverviewclass=mapmodelstyle=地图模式<coverview<coverviewclass=listmodelstyle=列表模式<coverview<coverview<coverview这是wxss样式:mapmodel{*webkitborderradius:20px0px0px20px; mozborderradius:20px0px0px20px; borderradius:20px0px0px20px;*bordertopleftradius:20em;bordertoprightradius:0em;borderbottomrightradius:0em;borderbottomleftradius:20em;float:left;paddingleft:0px;fontsize:16px;lineheight:40px;background:1998f9;color:fff;width:100px;height:42px;}listmodel{*webkitborderradius:0px20px20px0px; mozborderradius:0px20px20px0px; borderradius:0px20px20px0px;*bordertopleftradius:0em;bordertoprightradius:20em;borderbottomrightradius:20em;borderbottomleftradius:0em;border:1pxsolid1998f9;float:left;paddingleft:0px;fontsize:16px;lineheight:40px;background:fff;color:909090;width:100px;height:40px;}即速小程序:https:developersweixinqqcomminiprogramdevcomponentcoverviewhtml看看这里的tip说明:tip第十条:谢啦coverview和view差好多啊,view可以实现的功能coverview好多都实现不了,希望腾讯可以快点更新过来:记得好像之前哪里看到过,说真机不支持单边圆角,必须是全部圆角才行:是的,view支持单边圆角,coverview不支持,很无语
更多有关「border-radius在开发者工具上显示,在真机上不显示」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「border-radius在开发者工具上显示,在真机上不显示」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「border-radius在开发者工具上显示,在真机上不显示」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「border-radius在开发者工具上显示,在真机上不显示」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「border-radius在开发者工具上显示,在真机上不显示」
微信公开课小程序热门讨论「border-radius在开发者工具上显示,在真机上不显示」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「border-radius在开发者工具上显示,在真机上不显示」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 16:54:37
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>