美文网首页
04-uni-app中的样式

04-uni-app中的样式

作者: wqjcarnation | 来源:发表于2021-12-16 09:41 被阅读0次

rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。

使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束

支持基本常用的选择器class、id、element等

在 uni-app 中不能使用 * 选择器。

page 相当于 body 节点

定义在 App.vue 中的样式为全局样式,作用于每一个页面。在 pages 目录下 的 vue 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 App.vue 中相同的选择器。

uni-app 支持使用字体图标,使用方式与普通 web 项目相同,需要注意以下几点:

字体文件小于 40kb,uni-app 会自动将其转化为 base64 格式;

字体文件大于等于 40kb, 需开发者自己转换,否则使用将不生效;

字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。

@font-face {
font-family: test1-icon;
src: url('~@/static/iconfont.ttf');
}
如何使用scss或者less

相关文章

  • 04-uni-app中的样式

    rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变...

  • 第三课 HTML网页的美化

    给元素添加样式 链接 在标签中添加style属性设定样式 style中的属性解释: 样式和内容分离 样式可以直接在...

  • ios -css

    一、CSS样式简介 行内样式:内联样式)直接在标签的style属性中书写 页内样式:在本网页的style标签中书写...

  • vue中的样式

    在element中定义的样式为全局的,而在vue中的style定义的样式为scoped,vue在进行渲染的时候,先...

  • React中的样式

    目前整个前端已经是组件化的天下: 而CSS的设计就不是为组件化而生的,所以在目前组件化的框架中都在需要一种合适的C...

  • CSS 三种样式的优先级问题

    CSS 一般有三种使用样式,即行间样式,内嵌样式和外链样式 行间样式 即在 html的标签中书写样式,例如: 内嵌...

  • WXSS

    样式有三种写法: 行内样式,写在style中的 在本目录下的.wxss中写样式,只有本页面的样式可以使用 在app...

  • 坑🕳Tabbar

    在Tabbar中设置tab选中与未选中样式 tabs中的icon不能使用IconTheme设置样式,会导致样式冲突...

  • JS 获取元素的样式

    元素样式有几种形式,其中: 外部样式:HTML 中通过 标签引入的 CSS 文件样式。 内部样式:写在 HTM...

  • 样式表

    样式表 在css中可以在三种位置设置样式:行间样式,内部样式和外部样式 行间样式:对单个标签进行设置样式(缺点:当...

网友评论

      本文标题:04-uni-app中的样式

      本文链接:https://www.haomeiwen.com/subject/juxyfrtx.html