小程序
一只程序猿小白
前端,努力成为全栈攻城狮
展开
-
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 · 12235 阅读 · 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 · 5748 阅读 · 2 评论 -
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 · 2648 阅读 · 4 评论