草庐IT

在uniapp的小程序中使用自己的字体库

很多人下载字体库都是在阿里字体库找字体下载字体。但是我还是喜欢这个这个网站弄字体1.假设我们找一个网站上面发现了不错的字体1.1我们打开控制台然后在网络中过滤woff,就找到了字体文件  1.2在网上找到字体转svg的网站 TTF转SVG-在线转换图像文件  (我用ttf转svg不理想,用woff2文件转)可以下载文件也可以直接复制链接使用链接的方式 然后将转化后的文件下载下来2.生产字体打开这个网站 IcoMoonApp-IconFont,SVG,PDF&PNGGenerator  点击左上角ImportIcons选择刚刚生产的svg文件 选择你需要的字体 当然你可以导入多个字体库然后在多个

在uniapp的小程序中使用自己的字体库

很多人下载字体库都是在阿里字体库找字体下载字体。但是我还是喜欢这个这个网站弄字体1.假设我们找一个网站上面发现了不错的字体1.1我们打开控制台然后在网络中过滤woff,就找到了字体文件  1.2在网上找到字体转svg的网站 TTF转SVG-在线转换图像文件  (我用ttf转svg不理想,用woff2文件转)可以下载文件也可以直接复制链接使用链接的方式 然后将转化后的文件下载下来2.生产字体打开这个网站 IcoMoonApp-IconFont,SVG,PDF&PNGGenerator  点击左上角ImportIcons选择刚刚生产的svg文件 选择你需要的字体 当然你可以导入多个字体库然后在多个

uniapp写h5/小程序引入vant-weapp步骤以及报错

1.下载vant-weapp的dist文件2.在项目中创建一个文件叫wxcomponents,注意这个文件和page文件平级,引入dist注意文件名一定要是wxcomponents(莫名其妙的坑),3.APP.VUE里引入样式stylelang="scss">@import"@/wxcomponents/vant/common/index.wxss";/style>4.pages.json全局注册"globalStyle":{ "navigationBarTextStyle":"black", "navigationBarTitleText":"RuoYi", "navigationBa

Uniapp小程序 时间段选择限制(开始日期 结束日期相互限制)

效果图:1. 在这里我使用的是uview中的日期时间选择器,初始话的时候将可选的最小时间设置为当前时间的时间戳,并将开始时间的可选的最大时间初始化为10年后(方便之后做限制操作)2.在确定选择开始时间的时候将结束时间可选的最小时间设置为所选开始时间的时间戳//确认选择开始日期confirmStart(val){ this.startDate=this.DateFormatNumG(val.value,'Y-M-DH:I') this.showStrTimePic=false this.minEndTime=val.value}3.在确定选择结束时间的时候将开始时间可选的最小时间设置为所选结束时

uniapp小程序使用onShareAppMessage并且根据接口处理分享数据

onShareAppMessage(){ returnnewPromise((resolve,reject)=>{ uni.showLoading() letpath; letdata={ ... } giveReward(data).then(res=>{ uni.hideLoading() if(res.code==200){ //获取接口的返回参数并且拼接到地址后面 path='/pages/index'+`?userShareId=${res.data}` this.getList() resolve({ title:'分享一个',

Uniapp面试题

1.uniapp进行条件编译的两种方法?小程序端和H5的代表值是什么?通过#ifdef、#ifndef的方式H5:H5MP-WEIXIN:微信小程序2.uniapp的配置文件、入口文件、主组件、页面管理部分pages.json配置文件main.js入口文件App.vue主组件pages页面管理部分3.uniapp上传文件时用到api是什么格式是什么?4.uniapp获取地理位置的API是什么?uni.getLocation5.rpx、px、em、rem、%、vh、vw的区别是什么?rpx相当于把屏幕宽度分为750份,1份就是1rpxpx绝对单位,页面按精确像素展示em相对单位,相对于它的父节点

uniapp-uView在离线状态下无法显示icon图标的问题

1、修改uview-ui下的u-icon.vue配置文件,一般目录在uni_modules\uview-ui\components\u-icon\u-icon.vue2、源文件引入的是阿里巴巴的iconhttps://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf@font-face{ font-family:'uicon-iconfont'; src:url('https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf')format('truetype');}3、根据这个网址下载这个.ttf格式的字体文

uniapp-uView在离线状态下无法显示icon图标的问题

1、修改uview-ui下的u-icon.vue配置文件,一般目录在uni_modules\uview-ui\components\u-icon\u-icon.vue2、源文件引入的是阿里巴巴的iconhttps://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf@font-face{ font-family:'uicon-iconfont'; src:url('https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf')format('truetype');}3、根据这个网址下载这个.ttf格式的字体文

uniapp ios app离线打包

前言进行UniApp离线打包之前,建议先认真阅读一遍官方的开发文档。真正阅读过了,可以少踩很多坑。本文介绍离线打包前的准备及iOS工程的一些配置和需要注意的事项。官方文档:App离线打包iOS插件开发教程iOS原生工程配置首先,需要去UniApp官网创建一个开发者账号注册开发者登录开发者中心账号创建成功后就可以去开发者中心创建应用了。App的创建在开发者中心,点击“应用管理->我创建的应用”,显示已创建的应用列表点击“创建应用”按钮后,会弹出创建新应用的对话框。选择应用类型“uni-app”,输入“应用名称”,点“确认”按钮完成应用的创建。应用创建成功后会生成一个Appid,是这个应用的唯一标

uniapp ios app离线打包

前言进行UniApp离线打包之前,建议先认真阅读一遍官方的开发文档。真正阅读过了,可以少踩很多坑。本文介绍离线打包前的准备及iOS工程的一些配置和需要注意的事项。官方文档:App离线打包iOS插件开发教程iOS原生工程配置首先,需要去UniApp官网创建一个开发者账号注册开发者登录开发者中心账号创建成功后就可以去开发者中心创建应用了。App的创建在开发者中心,点击“应用管理->我创建的应用”,显示已创建的应用列表点击“创建应用”按钮后,会弹出创建新应用的对话框。选择应用类型“uni-app”,输入“应用名称”,点“确认”按钮完成应用的创建。应用创建成功后会生成一个Appid,是这个应用的唯一标