![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
一只程序猿小白
前端,努力成为全栈攻城狮
展开
-
uni-app 开发APP 自定义轮播图 swiper 指示点位置和样式
本文介绍一种简单的方法:深度作用选择器 /deep/<swiper class="uni-swiper-wrapper" indicator-dots circular autoplay interval=3000> <swiper-item v-for="(item,index) in swipers" :key="index"> <image :src="item.src"></image> </swiper-item></s原创 2021-09-01 15:40:15 · 11914 阅读 · 31 评论 -
uni-app 引入外部字体
uni-app 支持使用字体图标,请仔细阅读官方文档:地址一、当字体文件大于40kb时,需要自己转化成base64格式:1、将下载好的字体文件转换成base64格式,转换地址2、转换完成后,下载文件,解压后将这三个文件放入项目中的static目录下:3、在App.vue中引入该文件@import url("./static/fonts/stylesheet.css");4、在代码中正常使用即可:例如:font-family: YOUSHEhaoshenti;...原创 2021-08-24 16:00:27 · 5503 阅读 · 2 评论 -
uni-app富文本图片太大溢出以及富文本显示问题
原文:https://blog.csdn.net/chenny_/article/details/115534622优化之前,图片太大解决方法:1、在common 目录下新建 index.js:/*graceUI rich-text 加强工具link : graceui.hcoder.netauthor : 5213606@qq.com 深海*/ // 正则变量var graceRichTextReg; // 批量替换的样式 [ 根据项目需求自行设置 ]var GRT = [原创 2021-07-19 15:35:40 · 1827 阅读 · 0 评论 -
uniapp 开发小程序使用iconfont彩色图标
1、在阿里图标官网添加需要的图标到你的项目中,然后下载文件到本地:https://www.iconfont.cn/2、解压下载后字体文件,如下:3、在第二步解压的目录中,打开cmd:输入命令行:npm install -g iconfont-tools 命令结束后,运行:iconfont-tools 出现如下图所示的内容,按图示输入文件名即可(或者一直回车)4、以上命令运行结束后,会在目录中生成iconfont-weapp文件夹:进入文件夹,里面的...原创 2020-12-18 13:48:01 · 2589 阅读 · 4 评论 -
uniapp 简易通用的ajax 请求 封装 以及携带token去请求 (代码优化(新增请求日志和响应日志))
1、例如:在api文件夹中新建一个api.js// 公共的方法const baseUrl = "http://192.xxx.xx.xx:8889"; // 请求地址const $ajax = { get: function({ url, param, header }) { return new Promise(function(resolve, ...原创 2020-03-25 18:23:53 · 8751 阅读 · 3 评论 -
HBuilderX 运行uni-app项目到手机上
*踩坑无数1、建议在电脑上先下载360手机助手电脑版,这样可以看到是否已通过usb连接。2、打开360手机助手,然后用数据线连接手机,360手机助手会请求打开一些权限,比如·打开开发者选项,打开usb调试...开发者选项在手机设置中,如果没找到,点击多次 关于手机 即可看到。3、此时在HBuilderX 中 点击 运行项目到手机或模拟器即可看到成功连...原创 2020-03-25 13:37:52 · 8035 阅读 · 0 评论 -
uni-app开发 微信小程序 以及 微信小程序云开发
建议开发之前先看uni-app的文档:https://uniapp.dcloud.io/frame。以及熟悉vue的语法:https://cn.vuejs.org1、开发工具(默认已经安装微信开发者工具和HbuilderX,以及申请好AppID)①首先打开微信开发者工具→设置→安全→开启服务端口②打开Hbuilder X,工具→设置,找到微信开发者工具安装目录,设为启动地址。填写...原创 2020-03-10 14:00:40 · 3140 阅读 · 0 评论