訾博ZiBo
作者相关精选
【Uni-App社区小程序】004-引入官方CSS样式库
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
圈层
工具
MCP广场
返回腾讯云官网
訾博ZiBo
首页
学习
活动
专区
圈层
工具
MCP广场
返回腾讯云官网
社区首页
>
专栏
>
【Uni-App社区小程序】004-引入官方CSS样式库
【Uni-App社区小程序】004-引入官方CSS样式库
訾博ZiBo
关注
发布于 2025-01-06 07:19:45
发布于 2025-01-06 07:19:45
447
0
举报
文章被收录于专栏:
全栈开发工程师
全栈开发工程师
关联问题
换一批
如何在Uni-App中正确引入官方CSS样式库?
引入官方CSS样式库后如何在项目中使用?
Uni-App社区小程序中官方CSS样式库包含哪些预设样式?
一、获取官方CSS样式库文件
第一步:在空白处,鼠标右键新建项目
第二步:创建一个官方的演示项目,如图
第三步:创建成功,官方CSS样式库位置如图
二、引入官方CSS样式库
第一步:在我们的项目中新建文件夹
第二步:输入文件名,按键盘上的回车键(Enter)即可
第三步:将官方CSS样式库复制到common文件夹
第四步:引入官方CSS样式库文件,并复制uni.ttf文件,即可
本文参与
腾讯云自媒体同步曝光计划
,分享自作者个人站点/博客。
原始发表:2025-01-06,如有侵权请联系
cloudcommunity@tencent.com
删除
前往查看
app
css
小程序
本文分享自
作者个人站点/博客
前往查看
如有侵权,请联系
cloudcommunity@tencent.com
删除。
本文参与
腾讯云自媒体同步曝光计划
,欢迎热爱写作的你一起参与!
app
css
小程序
评论
登录
后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
万字详解高可用架构设计
5193
Go 开发者必备:Protocol Buffers 入门指南
3068
10分钟带你彻底搞懂分布式链路跟踪
2211
多租户的 4 种常用方案
4386
亿级月活的社交 APP,陌陌如何做到 3 分钟定位故障?
3112
60页PPT全解:DeepSeek系列论文技术要点整理
4436
【Uni-App社区小程序】005-引入自定义图标库
小程序
app
登录
阿里巴巴
搜索
Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能;
訾博ZiBo
2025/01/06
352
0
【Uni-App社区小程序】002-创建项目
app
官方文档
小程序
https
訾博ZiBo
2025/01/06
101
0
保姆级教程:写出自己的移动应用和小程序(篇一)
小程序·云开发
腾讯云开发者社区
容器
ide
sdk
工欲善其事必先利其器,一个 Mac 设备必不可少( iMac、MacBook皆可),接下来下载最新版本的 Xcode 作为 iOS 开发的IDE(Integrated Development Environment ,集成开发环境,就是编辑、编译、链接、调试统统包含的一揽子开发环境,移动开发的 IDE 一般还会包含移动设备的模拟器)。
火爆的小茶壶
2022/07/26
1.2K
0
Uni-App项目搭建以及准备工作
微信
打包
小程序
ios
css
Uni-App项目开发,需要“定制化IDE”,也就是“HBuilderX”工具,主要是因为模拟运行调试一块,其他IDE不具备,其他功能和VS code、Submit Text 基本一致。
Javanx
2019/09/04
2.8K
0
引入官方uni.css样式
css
对于css样式不熟练的我发现uni-app的demo中有很多类似uni-row的样式,不过需要先引入到自己的项目中。下面为具体步骤
听着music睡
2022/05/07
1.4K
0
【Uni-App社区小程序】006-引入CSS动画库
app
动画
浏览器
css
小程序
Animate.css是一个有趣的,跨浏览器的css3动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果;
訾博ZiBo
2025/01/06
182
0
【Vite基础】002-Vite 中使用 CSS 的各种功能
css
import
vite
基础
配置
CSS 模块是一个CSS 文件,默认情况下,所有类名和动画名都在本地范围内。所有 URL ( url(...))@imports都采用模块请求格式(./xxx并且../xxx表示相对的,xxx表示xxx/yyy在模块文件夹中,即在 中node_modules)。
訾博ZiBo
2025/01/06
346
0
关于在angular2及以上版本引入bootstrap 并有提示功能
angularjs
花了一些时间来研究关于angular2及以上版本引入bootstrap 并有提示功能 如果按照正常来的话:在angular2中引入bootstrap,没有提示功能的: 第一步:cnpm install bootstrap --save; 第二步:cnpm install @types/bootstrap --save-dev; 第三步:找到angular/cli 在styles中添加 ../nodu_modules..............bootstrap.min.css 路径. 这样便可以在组
杭州前端工程师
2018/06/15
598
0
uni-app 之登录页面
vue.js
学习了一周多uni-app,上一周主要是开发原生插件给uni-app调用。本周开始学习怎么使用uni-app写页面。学过vue的同学应该是毫无压力。原生开发的同学就有点吃力了。需要学一些vue基础才能开发。 开发iOS原生插件这有一篇不错的文章可以参考 uni-app 原生插件开发04 - 开发原生插件 uni原生插件开发教程
赵哥窟
2021/12/16
2.7K
0
【Uni-App社区小程序】001-环境搭建
插件
环境搭建
教程
小程序
app
备注:官方教程有个js-beauty插件,但是核心插件里面没有,插件市场我也没找到,因此暂时没有安装,以后用到出错再解决;
訾博ZiBo
2025/01/06
109
0
微信小程序开发入门篇
访问管理
json
javascript
小程序
微信
官方下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
乱码三千
2021/07/29
739
0
uni-app使用iconfont自定义图标
css
app
icon
src
阿里巴巴
1.注册阿里巴巴图标矢量库账号 2.选择顶部菜单图标管理-我的项目后新建项目 3.在新建的项目中添加自己喜欢的图标 4.点击查看在线链接,获取在线图标链接代码
薛定喵君
2020/02/25
4.6K
0
微信小程序转化为uni-app项目
小程序
npm
https
网络安全
github
之前自己做一个uni-app的项目的时候前端需要实现一个比较复杂的动态tab和swiper切换的功能,但是由于自己前端抠脚的原因没有写出来,然后自己在网上搜索的时候发现了有个微信小程序里面的页面及极其的符合我的需求。那么问题来了我该如何将微信小程序转为为uni-app项目呢?搜索了下网上的相关解决方案还真有个将微信小程序转化为uni-app的项目,该项目名称叫做【miniprogram-to-uniapp】,接下来就看看如何实操吧!
追逐时光者
2020/06/19
1.8K
0
vue中使用iconfont
c++
vue.js
npm
css
javascript
第一步: 进入官网,注册--登录 阿里巴巴矢量库 第二步: 图标管理---我的项目--创建项目---新建 新建项目 第三步: 进入图标库--官方图标库 开始选择图标 第四步:选中图标-- 添加入库--
用户4344670
2019/08/28
1.2K
0
阿里图标库引入图标
github
wordpress
href
src
比wordpress默认图表库的图标好看多的 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有 反正你用都用不完 重点还永久免费使用
傲绝
2023/03/13
3.1K
0
E029Web学习笔记-Maven基础
编译
基础
配置
学习笔记
maven
Maven将Java项目所需要的Jar包放在一个统一的仓库里面,多个项目可以共同使用;
訾博ZiBo
2025/01/06
103
0
Windows 和 Linux 上安装 TTF 字体的方法
css
其实,我们一开始考虑的方案是将字体文件安装在运行项目的每台客户机上,但是,因为使用项目的客户机实在太多,每台都装的话太过繁琐,所以就采用了文件引用的方式。
编程三昧
2022/01/31
6.7K
0
【Uni-App社区小程序】008-底部导航
官方文档
小程序
app
tabbar
阿里巴巴
https://uniapp.dcloud.net.cn/collocation/pages?id=tabbar
訾博ZiBo
2025/01/06
161
0
【Uni-App社区小程序】003-多端调试环境配置
配置
手机
调试
小程序
app
(由于本人使用的是基于Android系统的荣耀20手机,没有也从未使用过基于IOS系统的苹果手机,这里暂不做演示,请见谅!但真机调试的方法一般都不是太复杂,有需要的朋友可通过百度搜索,按照常规真机调试步骤进行相关操作。)
訾博ZiBo
2025/01/06
555
0
uni-app实战之社区交友APP(2)全局样式引入和底部导航栏开发
unity
css
https
网络安全
javascript
本文先介绍了uni-app项目中引入全局样式的种类,即App.vue中引入官方CSS样式库、自定义图标库和CSS动画库;再介绍了在pages.json中定义globalStyle;最后实现了项目的导航栏开发。
cutercorley
2021/01/26
3.1K
0
推荐阅读
编辑精选文章
万字详解高可用架构设计
Go 开发者必备:Protocol Buffers 入门指南
10分钟带你彻底搞懂分布式链路跟踪
相关讨论
小程序不能引入google地图了?
小程序腾讯云通信官方demo报错?
小程序 include引入wxml时编译报错?
相关课程
腾讯云开发玩转小程序实战训练营
AI驱动的TDSQL-Cserverless实战营
微信小程序应用实践_《锋运票务系统》
【Uni-App社区小程序】005-引入自定义图标库
352
0
【Uni-App社区小程序】002-创建项目
101
0
保姆级教程:写出自己的移动应用和小程序(篇一)
1.2K
0
Uni-App项目搭建以及准备工作
2.8K
0
引入官方uni.css样式
1.4K
0
【Uni-App社区小程序】006-引入CSS动画库
182
0
【Vite基础】002-Vite 中使用 CSS 的各种功能
346
0
关于在angular2及以上版本引入bootstrap 并有提示功能
598
0
uni-app 之登录页面
2.7K
0
【Uni-App社区小程序】001-环境搭建
109
0
微信小程序开发入门篇
739
0
uni-app使用iconfont自定义图标
4.6K
0
微信小程序转化为uni-app项目
1.8K
0
vue中使用iconfont
1.2K
0
阿里图标库引入图标
3.1K
0
E029Web学习笔记-Maven基础
103
0
Windows 和 Linux 上安装 TTF 字体的方法
6.7K
0
【Uni-App社区小程序】008-底部导航
161
0
【Uni-App社区小程序】003-多端调试环境配置
555
0
uni-app实战之社区交友APP(2)全局样式引入和底部导航栏开发
3.1K
0
相关推荐
【Uni-App社区小程序】005-引入自定义图标库
更多 >
訾博ZiBo
0
LV.3
这个人很懒,什么都没有留下~
关注
文章
815
获赞
541
排名
151
专栏
1
作者相关精选
换一批
【Uni-App社区小程序】003-多端调试环境配置
【Uni-App社区小程序】005-引入自定义图标库
【Uni-App社区小程序】002-创建项目
目录
一、获取官方CSS样式库文件
第一步:在空白处,鼠标右键新建项目
第二步:创建一个官方的演示项目,如图
第三步:创建成功,官方CSS样式库位置如图
二、引入官方CSS样式库
第一步:在我们的项目中新建文件夹
第二步:输入文件名,按键盘上的回车键(Enter)即可
第三步:将官方CSS样式库复制到common文件夹
第四步:引入官方CSS样式库文件,并复制uni.ttf文件,即可
加入讨论
的问答专区 >
AI大眼萌
项目经理
擅长1个领域
提问
小程序不能引入google地图了?
小程序腾讯云通信官方demo报错?
小程序 include引入wxml时编译报错?
相关课程
一站式学习中心 >
腾讯云开发玩转小程序实战训练营
1633人在学
云开发 CloudBase
AI驱动的TDSQL-Cserverless实战营
1431人在学
云原生数据库 TDSQL-C
微信小程序应用实践_《锋运票务系统》
332人在学
云托管 CloudBase Run
Serverless 容器服务
对象存储
云数据库 MySQL
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档
1
0
0
推荐