首页 > 其他分享 >uniapp 自定义顶部导航

uniapp 自定义顶部导航

时间:2023-05-12 12:25:19浏览次数:36  
标签:uniapp 自定义 更改 样式 顶部 导航

<uni-nav-bar dark :fixed="true" shadow color="#333" background-color="#f6f6f6" status-bar left-icon="left" left-text="返回"
            title="识别结果" @clickLeft="goback">
            <block slot="right">
                <view @click="handleSave" style="background-image: linear-gradient(to right, #8ade48, #01bf39); color: #fff;border-radius: 4px;">
                <text style="margin: 0 14px;display: inline-block;">保存</text>
                </view>
            </block>
        </uni-nav-bar>

修改效果:

 

这里要值得注意说明的是,如果更改样式,通过class的方式,不会生效,只能通过行内样式的方式更改,(本人测试是这样,不知道是不是因为版本的差异导致的)

标签:uniapp,自定义,更改,样式,顶部,导航
From: https://www.cnblogs.com/lxsunny/p/17393716.html

相关文章

  • uniapp定时器的使用
    //uniapp中的具体用法:我这里使用到了setIntervaldata(){ return{ timer:null//定时器名称 }; },//一般在页面需要的地方使用,这里我是放在了onshow()里onShow(){ //console.log('onshow'); this.timer=setInterval(function(){ //放入你自己的业务逻辑代码 },3000......
  • webstorm左侧导航栏背景变成黄色的,文件搜索,定位等一系列功能都不好用了?
     解决办法:简单说,就是关闭webstorm,然后在终端把.idea目录删除。再打开。 参考:https://www.cnblogs.com/monozxy/p/13932067.html ......
  • uniapp移动端输入监听键盘上正在输入的值
    例如搜狗输入法的英文预测模式下,输入的字符不会马上赋给输入框。 input有个ignoreCompositionEvent属性,是否忽略组件内对文本合成系统事件的处理。为 false 时将触发 compositionstart、compositionend、compositionupdate 事件,且在文本合成期间会触发 input 事件。添加该......
  • uniapp中小程序如何跳转其他小程序
    1.首先在manifest中的源码试图中配置 2.跳转代码,在需要跳转的页面写入 ......
  • uniapp swiper点击切换下一张
    通过改变current,自动切换<template> <viewclass="page"> <swiperclass="swiper":vertical="true":current="current"@tap="switchNext"> <swiper-item> <viewclass="swiper-it......
  • 实现导航栏固定,滚动条下滑一定距离后消失,上划继续出现
    实现导航栏固定,滚动条下滑一定距离后消失,上划继续出现constshowHeader=ref(true);//获取滚动条的高度constgetScrollTop=()=>{letscrollTop=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop;returnscr......
  • layer.load 自定义加载
    //layuiload默认加载functionlayerload(){layer.load(0,{content:'正在努力加载中,请稍等',shade:[0.5,'#000'],//0.4为透明度,#000为颜色offset:['45%','40%'],//位置success:function(layero){......
  • c++自定义工具类的定义和使用
    classlog_work{private:intlog_id_=1;intlog_level_;qnx_slog2()=default;virtual~qnx_slog2(){uninit();}public:inlinestaticlog_work&get_log(){staticqnx_slog2slog2_instance;returnslog2_instance;}......
  • c++模版多参数的递归用法--自定义log
    #include<iostream>#include<sstream>#include<string>#include<tuple>#include<type_traits>template<typenameT>voidprint_impl(std::ostringstream&os,constchar*format,T&&arg){while(*form......
  • 自定义信息提示框dialog.js
    varowner;functiongetOwner(){ if(owner) returnowner; varowner=window; try{ if(top.document.domain==window.document.domain){ if(top.length>1) owner2=top[0]; else owner=top; } }catch(ex){ while(owner.p......