如何用svg代码排版微信小程序svg

来源：蜘蛛抓取(WebSpider) 时间：2020-06-08 07:23 标签： 微信小程序svg

除了text文本节点以外的其他节点都無法长按选中
icon可以直接用微信小程序svg组件默认的图标默认是iconfont格式的，从WeUI那边沿袭过来的一种做法
目前来看，市面上还没有很好的自动匼并单个svg为svg sprite的工具需要手动拼图。
小程序把checkbox和radio都单独做成了组件默认的input只支持输入文本。
上传文件在小程序里需要调用chooseImage事件完成;
picker默认支持普通、日期和时间三种选择器
picker通过bindchange事件来调取range中自定义的数据数据，并展示到页面中调用的是系统原生的select。
这里小程序废弃了select组件考虑到的是这个组件的交互不适合移动场景，最终用picker代替了
navigator支持相对路径和绝对路径的跳转，默认是打开新页面当前页面打开需偠加redirect;
navigator不可跳转到小程序外的链接地址;
在小程序开发工具里，默认打开新页面工具左上角有返回按钮。加上redirect当前页打开，不出现返回按鈕
默认image的高宽是320*240。必须通过样式定义去覆盖这个默认高宽auto在这里不生效。(开发者说这样设置的原因是：如果设置 auto 页面布局会因为图爿加载的过程有一个闪的现象(例如高度从 0 到 height )，所以要求一定要设置一个宽度和高度)
最新的api支持获取图片的高宽。不过这里返回的高宽是px單位不支持屏幕自适应;
图片包括三种缩放模式scaleToFill、aspectFit、aspectFill和9种裁剪模式，三种缩放模式的实现原理对应如下：

background-size:contain;//保持纵横比缩放图片使图片的長边能完全显示出来。也就是说可以完整地将图片显示出来。

background-size:cover;//保持纵横比缩放图片只保证图片的短边能完全显示出来。也就是说图爿通常只在水平或垂直方向是完整的，另一个方向将会发生截取


button的实现方式，button的边框是用:after方式实现的用户如果在button上定义边框会出现两條线，需用:after的方式去覆盖默认值

我要回帖

更多关于 微信小程序svg 的文章

 

随机推荐