背景 当一个项目对界面有要求的时候,uni-app中的图标库远远不及所需,倘若都使用静态资源调用,对其大小颜色的控制又不太尽人意,最方便的就是更改uni-icons自定义字体的链接。记录该过程方便以后查看。 知识储备 【ttf文件】:一种字体文件表示方式,将字体轮廓转换成曲线,可以对 ...
找到需要的图标,这里我是在阿里巴巴图标库 https: www.iconfont.cn 中找到对应的图标 下载为svg格式备用: 通过在线ttf编辑器打开uni.ttf文件 http: fontstore.baidu.com static editor index.html ,打开之后可以看到所有的uni所有图标都在里面 导入第一步下载好的图标,导入之后,可以看到在最后一页的末尾已经有我们新增的 ...
2020-02-15 11:17 0 9784 推荐指数:
背景 当一个项目对界面有要求的时候,uni-app中的图标库远远不及所需,倘若都使用静态资源调用,对其大小颜色的控制又不太尽人意,最方便的就是更改uni-icons自定义字体的链接。记录该过程方便以后查看。 知识储备 【ttf文件】:一种字体文件表示方式,将字体轮廓转换成曲线,可以对 ...
1.创建自定义文件 <template name="组件名称"> <view> ...... </view> </template> <script> export default { name: "组件名称 ...
简介 自定义组件 使用 1. 新建 components 目录再创建组件即可 2. 使用直接<组件名></组件名> 使用自定义组件 传递数据 3. 父组件通过属性名传递数据,注意要v-bind! 4.自定义组件 ...
uni-app 的uni-ui 的 Icon 图标组件,裡面的图标只是移动端常见的图标,对于一些其他需求所要显示的图标,这个是完全不够用。那么怎么办?模仿它的组件,用阿里巴巴图标矢量库的图标,自己定义一个图标组件呀。 一、uni-app 图标组件 1、组件文件m-icon里面有两个文件 ...
使用阿里巴巴矢量图标库 阿里巴巴矢量图标库地址:https://www.iconfont.cn/ 选择需要的图标加入项目 项目下载至本地 将iconfont.css添加至uni-app项目中,删除无用URL,只保留红框里的URL 在app.vue中引入自定义图标 ...
1.新建组件 —— 组件名称.vue 2.页面引用组件 ...
filename: u-list.vue 用到了inject,父组件需要用provide发送有关数据 filename: set-list 设置页面搭建 ...
alert 子控件 index1 父控件使用 ...