客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
uni-app中的样式
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>
总结
|
请发表评论