@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> /*每个页面公共css */ //全局样式,会被局部样式覆盖掉 @import url("./static/fonts/iconfont.css"); .box1{ background: pink; } </style>
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注的更多内容!