使用UniApp 编写APP(2)

一、项目中引入字体

1、字体在写项目的过程中还是比较实用的,先来说说UniApp中如何插入字体,我在这里用的是阿里的,链接如下:https://www.iconfont.cn/ 找到项目中需要用的字体,添加到自己的项目中并生成在线链接如下:
使用UniApp 编写APP(2)_第1张图片
2、生成之后找到App.vue 引入如下代码
使用UniApp 编写APP(2)_第2张图片
3.使用方法
在这里插入图片描述
在标签中定义class为test,并且复制官网中图标的对应的字符码。运行结果如下:
使用UniApp 编写APP(2)_第3张图片

二、去除原生导航栏

刚解除UniApp的童鞋,肯定会比较纳闷,自己也没写导航栏,为什么顶部会多个uni-app的导航样式,去除方法如下:
找到pages.json,在找到你要去除的当前网页的导航栏输入如下代码:
使用UniApp 编写APP(2)_第4张图片
再返回自己的网页时,你会发现顶部的导航栏已经消失了。

三、轮播图

轮播图官网案例照搬可直接使用,官网如下:
https://uniapp.dcloud.io/component/swiper

也可复制如下代码,具体的一些属性和时间用法可参考官网







结果展示
使用UniApp 编写APP(2)_第5张图片

你可能感兴趣的:(前端)