当前位置: 首页 > news >正文

uniapp修改uni-ui组件样式(对微信小程序/H5有效,vue3)

寻找要修改的样式

使用开发者工具找到具体要修改的class类名
在这里插入图片描述

修改

<style lang="scss">//.nav为上一级的class.nav::v-deep .uni-navbar--border {border-bottom-style: none !important;}
</style>

完整代码

<template><view><uni-nav-bar :fixed="true" dark background-color="#007AFF" title="安贞心康" class="nav" /><image src="/static/images/myimages/temp/home.jpg" mode="widthFix" style="width:100%;"></image></view>
</template><script>export default {data() {return {}},onLoad() {//uni.hideNavigationBar();},onShow() {uni.setNavigationBarTitle({title: 'home'})},methods: {}}
</script><style lang="scss">//.nav为上一级的class.nav::v-deep .uni-navbar--border {border-bottom-style: none !important;}
</style>

相关文章:

  • iOS 提取图片的主题色,并支持灵活提取
  • WingetUI:可视化Windows常用的命令行包管理工具
  • php中打印函数
  • 文件的管理
  • 资质申请中常见的错误有哪些?
  • Python酷库之旅-第三方库Pandas(130)
  • net core mvc 数据绑定 《1》
  • 基于php摄影门户网站
  • Springboot+PostgreSQL+MybatisPlus存储JSON或List、数组(Array)数据
  • 机器学习(2):机器学习的相关术语
  • .Net 6.0 监听Windows网络状态切换
  • [CSP-J 2022] 解密
  • LeetCode 热题 100 回顾8
  • 智能红外抄表系统的设计与实现(论文+源码)_kaic
  • iTextPDF中,要实现表格中的内容在数据长度超过边框时自动换行
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • Angular数据绑定机制
  • gitlab-ci配置详解(一)
  • js中的正则表达式入门
  • Netty+SpringBoot+FastDFS+Html5实现聊天App(六)
  • node-glob通配符
  • Python进阶细节
  • SegmentFault 2015 Top Rank
  • 编写高质量JavaScript代码之并发
  • 服务器从安装到部署全过程(二)
  • 基于webpack 的 vue 多页架构
  • 前端路由实现-history
  • 小程序测试方案初探
  • Oracle Portal 11g Diagnostics using Remote Diagnostic Agent (RDA) [ID 1059805.
  • HanLP分词命名实体提取详解
  • Spark2.4.0源码分析之WorldCount 默认shuffling并行度为200(九) ...
  • 阿里云API、SDK和CLI应用实践方案
  • 选择阿里云数据库HBase版十大理由
  • ​Linux Ubuntu环境下使用docker构建spark运行环境(超级详细)
  • #1014 : Trie树
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • (2024)docker-compose实战 (9)部署多项目环境(LAMP+react+vue+redis+mysql+nginx)
  • (LeetCode 49)Anagrams
  • (二十一)devops持续集成开发——使用jenkins的Docker Pipeline插件完成docker项目的pipeline流水线发布
  • (翻译)terry crowley: 写给程序员
  • (四)鸿鹄云架构一服务注册中心
  • (算法)求1到1亿间的质数或素数
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (转)fock函数详解
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • *上位机的定义
  • ... fatal error LINK1120:1个无法解析的外部命令 的解决办法
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .Net(C#)常用转换byte转uint32、byte转float等
  • .NET/C# 使用 ConditionalWeakTable 附加字段(CLR 版本的附加属性,也可用用来当作弱引用字典 WeakDictionary)
  • .NET单元测试使用AutoFixture按需填充的方法总结
  • .net中生成excel后调整宽度
  • .stream().map与.stream().flatMap的使用
  • @entity 不限字节长度的类型_一文读懂Redis常见对象类型的底层数据结构