小程序-滑块+iconfont下载本地使用

效果

<view style="padding: 5px;"><movable-area style="width: 100%;height: 100%;"><movable-view direction="all" style="width: 50px;height: 50px;background-color: green"> </movable-view></movable-area>
</view>

movable-area 必须设置 width 和height属性，不设置默认为10px

movable-view必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动

direction 属性movable-view的移动方向，属性值有all、vertical、horizontal、none

movable-view 默认为绝对定位，top和 left 属性为0px

使用iconfont替换移动盒子

可以直接下载-此处演示，加入项目库了

原始包-iconfont.css后面要用，记住这个文件夹

由于微信小程序线上的资源限制了各种接口安全域名，所以在小程序里如果想使用iconfont字体图

标就会稍有不同，其实只需要把平时的iconfont字体图标远程路径换成base64引入，就可以解决小

程序引入iconfont字体图标这个问题了

转换网址https://transfonter.org/

上传前选中的下面三个，进度条，框框处上传进度

Download 下载

如果是下载几个，就复制粘贴到同一个wxss文件内

阿里巴巴矢量图标库下载的包---请面提及让留意的css文件

需要非框选部分

完整

补充---（没有也可以）兼容

[class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with browser extensions that change fonts */font-family: 'iconfont' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

引入 app.wxss内引入，在根目录下

配合使用

效果

小程序-滑块+iconfont下载本地使用相关推荐

微信小程序把图片下载到本地相册（附源码）
微信小程序保存网络图片到本地实现流程: 1.把图片下载到本地相册 2.检查用户的授权状态(三种状态:未授权,已授权,未同意授权),判断是否授权保存图片的能力,如果是用户点击了不同意授权给小程序保存图片 ...
语音变声器微信小程序源码下载支持多种音效
如标题所示这就是一款变声器小程序源码程序支持多种音效生成, 另外支持本地音频文件上传变声也支持直接录音变声当然啦,也是支持在线试听的这样可以方便查看每一种效果好了,不多说了下面来看看小编的测试 ...
王者荣耀改名神器微信小程序源码下载
这是一款王者改名小程序支持重复名改名支持空白名改名另外也支持特殊符合随机生成改名等等另外该小程序还有更多,支持推荐其它小程序形成一个轮廓另外该小程序成本比较低,无需服务器无需域名即可上线因 ...
小程序canvas生成图片保存本地
小程序canvas生成图片保存本地注意事项:1.canvas中的图片最好使用 wx.getImageInfo提前下载下来, 2.canvas在处于视图隐藏时期无法生成图片 3.canvas图片生成需 ...
微信小程序引入iconfont字体图标（阿里巴巴矢量图标库）
微信小程序怎么引入iconfont字体图标由于微信小程序线上的资源限制了各种接口安全域名,所以在小程序里如果想使用iconfont字体图标就会稍有不同,其实只需要把平时的iconfont字体图标远 ...
微信小程序学习Course 8 本地缓存API
微信小程序学习Course 8 本地缓存API 本篇随笔主要介绍微信小程序本地缓存API函数,微信小程序可以在本地缓存一些关键词数据,每一条关键词对应一段字符串.微信小程序提供了以下API函数. 8. ...
首发全DIY强大微信朋友圈截图制作生成小程序源码下载点赞,评论等等
这是一款朋友圈截图制作的一款小程序源码主要的特点是DIY,之前小编发布过朋友圈截图的小程序不管之前那款小程序只能生成点赞数量,无法获取用户名等等但是这一款就不一样了,这一款刚刚也说了特点是DIY ...
DIY微信朋友圈截图制作生成小程序源码下载
这是一款朋友圈截图制作的一款小程序源码主要的特点是DIY,之前小编发布过朋友圈截图的小程序不管之前那款小程序只能生成点赞数量,无法获取用户名等等但是这一款就不一样了,这一款刚刚也说了特点是DIY ...
2022虎年背景全新UI头像框制作微信小程序源码下载支持多种流量主
给大家带来一款以2022虎年为主的一款头像制作小程序源码前两天小编也分享过一款虎年头像框的小程序不过那款为了美观,所以就没有给那款小程序添加流量主不过有很多小伙伴问小编能不能加,所以小编就把源码 ...

小程序-滑块+iconfont下载本地使用

小程序-滑块+iconfont下载本地使用相关推荐

最新文章

热门文章