uniapp
codeXml
web developer
展开
-
uniapp使用canvas绘制卡片并下载到本地
效果:简介最多显示3行,超过3行部分用省略号(…)代替。代码:<canvas style="width: 100%; height: 409px;" canvas-id="myCanvas"></canvas>// 绘制图片createImg (qrcode) { uni.showLoading({ title: '生成中' }) const that = this; const ctx = uni.createCanvasContext('myCanvas原创 2021-10-21 13:44:16 · 633 阅读 · 0 评论 -
uniapp与webview之间的传参
1、由uniapp传参到webview内的网页。//uniapp中的页面<template> <web-view :src="url"> </web-view></template><script>export default { data() { return { url:"https://www.demo.com?data1=1&data2=32&data3=11" }原创 2021-02-25 09:15:38 · 9105 阅读 · 0 评论 -
uniapp引入iconfont字体图标
1、进入阿里图标库添加自己需要的图标到自己创建的项目。2、将自己添加的图标下载下来3、解压后将下面两个文件放入自己准备的目录下,这里演示放在static下4、修改iconfont.css文件内容如下:@font-face { font-family: 'iconfont'; /* project id 2255196 */ src: url('~@/static/iconfont/iconfont.ttf')}5、在App.vue引入iconfont<style l原创 2020-12-09 15:47:40 · 1634 阅读 · 1 评论 -
uniapp解决scroll-view回弹抖动等bug
滑动时回弹抖动:1、设置scroll-anchoring为true默认为false,开启 scroll anchoring 特性,即控制滚动位置不随内容变化而抖动,仅在 iOS 下生效,安卓下可参考 CSS overflow-anchor 属性。2、不设@scroll 和scroll-top/scroll-left,如下<scroll-view class="scroll-view_Line" :scroll-anchoring="true" scroll-y="true"> &l原创 2020-12-09 15:38:39 · 10240 阅读 · 0 评论