目录uni-app中的样式总结uni-app中的样式 sass插件需要在官网下载,按提示操作即可 rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽
@import
语句可以导入外联样式表,@import
后跟需要导入的外联样式表的相对路径,用;表示语句结束uni-app 支持使用字体图标,使用方式与普通 WEB 项目相同,需要注意以下几点:
<template>
<view>
<view>
样式学习
</view>
<view class="box1">
测试文字
<text>123</text>
</view>
<view class="iconfont icon-shipin">
</view>
</view>
</template>
<script>
</script>
<style lang="sCSS">
@import url("./a.css");//导入了外部的css文件
.box1{
width: 350rpx; //rpx不仅可以给盒子使用还可以给文字使用
height: 350rpx;
background: red;
font-size: 50rpx;
color: #FFFFFF;
text{
color: pink;
}
}
</style>
在App.vue里面定义公共的全局样式
<style>
//全局样式,会被局部样式覆盖掉
@import url("./static/fonts/iconfont.css");
.box1{
background: pink;
}
</style>
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!
--结束END--
本文标题: 详解uni-app中的样式
本文链接: https://www.lsjlt.com/news/157522.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0