当前位置: 首页 > 编程日记 > 正文

mpvue 转uniapp 导航栏样式错乱问题修复 tabbar 样式修复

效果图:修改前,修改后

找了半天没找到原因,只能自己改样式了,下面是样式代码(在app.vue 里面加上就行)


<style>/*每个页面公共css */uni-tabbar {box-sizing: border-box;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 998;}.uni-tabbar {display: flex;flex-direction: row;text-align: center;}.uni-tabbar__icon img{width: 50rpx;height: 50rpx;margin-top: 10rpx;}.uni-tabbar-border {flex: 1;position: absolute;left: 0;top: 0;width: 100%;height: 1px;-webkit-transform: scaleY(.5);transform: scaleY(.5);}.uni-actionsheet__cell{display: none;}.uni-tabbar__item {display: flex;flex: 1;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;}
</style>

后来发现顶部导航也被影响了,然后重新创建项目复制文件就好了,所以我猜测是mpvue  的框架样式影响的,跟uniapp冲突了。

相关文章:

css规则_CSS规则,将使您的生活更轻松

css规则by Nick Gard尼克加德(Nick Gard) CSS规则&#xff0c;将使您的生活更轻松 (CSS rules that will make your life easier) After years of writing and maintaining a couple of very large web projects and numerous smaller ones, I have developed some heuristics…

在mybatis中模糊查询有三种写法

<select id"selectStudentsByName" resultType"Student"> <!--第一种--> <!-- select id,name,age,score from student where name like % #{0} % --> <!--第二种--> <!-- select id,name,age,score from student wher…

BZOJ 3566: [SHOI2014]概率充电器

题目&#xff1a;http://www.lydsy.com/JudgeOnline/problem.php?id3566 首先这题正着想不好想&#xff0c;考虑补集转化。 先dfs一遍&#xff0c;令f[u](1-p[u])*∏(1-(1-f[v])*w) f[u]表示u这个点通过其子树并不能联通的概率。 然后考虑v从其父亲连过来的情况&#xff0c;设…

小程序云开发,订阅消息定时批量发送实现代码

需求&#xff1a;做一个类似抽奖结果通知的订阅消息提醒 实现流程&#xff1a; 每个用户需要先授权订阅消息接收&#xff0c;授权成功后把数据存到云开发的数据集合里面&#xff0c;再写个定时器&#xff0c;遍历数据集合的所有数据&#xff0c;拿到后遍历发送订阅消息&#…

机器学习速成课程

Learn the basics of machine learning and data science in this crash course tutorial for beginners from AI Sciences Academy. This course will give you the foundation you need to start learning more advanced material.在此速成课程教程中为AI Sciences Academy的…

H5 画布解决跨域问题,画布保存为图片显示在页面上

实现功能&#xff1a;uniapp H5 使用画布&#xff0c;绘画完之后保存为图片全屏显示完整实现代码&#xff0c;跨域解决方案。 跨域图片解决方案一&#xff1a;&#xff08;使用base64编码&#xff09;网络图片放到画布里面绘画 跨域图片解决方案二&#xff1a;&#xff08;使…

1、IO输入输出流 简介

IO流的分类&#xff1a; * 流向&#xff1a; * 输入流 读取数据 * 输出流 写出数据 * 数据类型&#xff1a; * 字节流 * 字节输入流 读取数据 InputStream * 字节输出流 写出数据 OutputStream * 字符流 * 字符输入流 读取数据 Reader * 字符输出流 写出数据 Writer * * 注意&…

mern技术栈好处?_通过构建运动追踪器应用程序来学习MERN堆栈(MERN教程)

mern技术栈好处?The MERN stack is a popular stack of technologies for building a modern single-page application. In this video course I developed, you will learn the MERN stack by building a full stack exercise tracker application.MERN堆栈是用于构建现代单页…

使用html5进行视频播放

一直以来网页大多是使用 flash 来播放视频。在目前唱衰 flash 的环境下&#xff0c;HTML5 为我们带来了一个网页内视频播放的解决方案—— <video>标签。 在HTML5 中&#xff0c;可以通过HTML标签“audio”和“video”来支持嵌入式的媒体&#xff0c;使开发者能够方便地将…

Linux学习之系统时间同步

一、系统时间的设置 在Linux中设置系统时间&#xff0c;可以用date命令&#xff1a; 1 //查看时间 2 [rootlocalhost ~]# date 3 2008年 12月 12日 星期五 14:44:12 CST 4 //修改时间 5 [rootlocalhost ~]# date --set "1/1/09 00:01" < &#xff08;月/日/年时:分…

uniapp(一) 项目架构,封装

前言&#xff1a; 最近需要搭建一套基于uniapp 的代码模板&#xff0c;适应各平台的快速打包部署&#xff0c;为提高代码复用率&#xff0c;提升生产力&#xff0c;所以需要构建一套优雅的前端项目架构&#xff0c;下面分享记录一下我的封装。 代码封装我暂时分为三个层面&…

linux下安装sbt_如何在Linux上安装SBT

linux下安装sbt介绍 (Introduction) Hi! I am Sanjula, and in this guide I hope to teach you how to install sbt on Linux.嗨&#xff01; 我是Sanjula &#xff0c;我希望在本指南中教您如何在Linux上安装sbt。 Let’s get started!让我们开始吧&#xff01; 什么是sbt&…

switch...case结构

/**switch(要判断的数据){ case 值1: ...;break; case 值2: ...;break; case 值3: ...;break; default: ...;break;}*/ publuc class employee{ int id; // 员工id String name; // 员工名字 int age; // 员工年龄 String phone; // 员工号码 String address; // 员工地址 publ…

自动布局的 弊端 (后续)

自动布局 比 直接写 frame 会慢很多 具体以后再说吧转载于:https://www.cnblogs.com/Ionatan/p/5109211.html

uniapp H5 JSSDK封装使用

先看效果吧, 封装以后使用很方便,两行代码就能得到微信网页开发中的 jssdk 的 wx.config 执行了 wx.ready 还是 wx.error ,如果返回 true 就标识执行了ready , 可以调用JSSDK的 API 了,如下图示例代码: this.$common.Init.call(this); this.wxjssdkInti().then(rr =>…

课程表美化 css_通过这门11小时的免费课程学习HTML和CSS

课程表美化 cssHTML and CSS are essential skills to have for a career in web development. This eleven hour course from John Smilga of Coding Addict will teach HTML and CSS from the scratch. By the end of this course you will be creating your own projects.HT…

JavaScript创建对象的两种方法和遍历对象的属性

创建新对象有两种不同的方法&#xff1a; 定义并创建对象的实例使用函数来定义对象&#xff0c;然后创建新的对象实例1.定义并创建对象的实例 var personnew Object(); person.firstname"John"; person.lastname"Doe"; person.age50; person.eyecolor"…

微信公众号H5订阅消息开发 uniapp订阅消息

简单说一下流程&#xff1a; 在页面带参数跳转到 https://mp.weixin.qq.com/mp/subscribemsg &#xff0c;然后用户授权确认或者取消以后&#xff0c;会返回参数里面 redirect_url 的地址&#xff0c;并且带上openid 等相应参数&#xff0c;在前端的页面判断链接里面携带了相关…

GRUB密码设置

通过编辑GRUB启动参数可以轻松的进入单用户模式从而修改root密码&#xff0c;GRUB的密码设置可分为全局密码和菜单密码。 一&#xff0c;全局密码设置 在splashimage这个参数的下一行可以加上password密码&#xff0c;保存后重新启动计算机&#xff0c;再次登录到GRUB菜单页…

国内使用dropbox_通过创建费用管理器来学习使用Dropbox API

国内使用dropboxLearn how to build an expense organizer with the Dropbox API and JavaScript ES6! 了解如何使用Dropbox API和JavaScript ES6构建费用管理器&#xff01; Dropbox is a content and collaboration platform. Its API allows you to add Dropbox features t…

【洛谷 1345】 奶牛的电信

以前刷试炼场时根本不会的 现在 一眼最小割&#xff01; #include <cstdio> #include <cstring> #include <algorithm> #include <iostream> #define MAXN 1000000 #define INF 100000000 using namespace std; int n,m,s,t; int tot2,g[MAXN],num[MAX…

uniapp兼容H5和小程序订阅消息授权开发封装,使用方便

本文使用 uniapp 框架开发&#xff0c;因为H5的订阅消息和小程序的订阅消息的授权流程不一样&#xff0c;但是很多地方需要使用授权&#xff0c;所以我封装了一个兼容H5和小程序订阅消息授权的方法&#xff0c;使用比较方便&#xff0c;希望能够帮助到你&#xff0c;实测可用。…

dma工作时cpu工不工作_CPU如何工作?

dma工作时cpu工不工作CPU, also known as the microprocessor is the heart and/or brain of a computer. Lets Deep dive into the core of the computer to help us write computer programs efficiently.CPU&#xff0c;也称为微处理器&#xff0c;是计算机的心脏和/或大脑。…

pymsql学习笔记

pymsql学习笔记 1. 执行SQL #!/usr/bin/env python # -*- coding:utf-8 -*- import pymysql# 创建连接 conn pymysql.connect(host127.0.0.1, port3306, userroot, passwd123, dbt1) # 创建游标 cursor conn.cursor()# 执行update&#xff0c;并返回收影响行数, print(effect…

UITextView高度根据内容变化

1. 添加内容变化的通知响应事件&#xff1a;[[NSNotificationCenter defaultCenter] addObserver:self selector:selector(textChanged:) name: UITextViewTextDidChangeNotification object:nil]; 2 实现方法 - (void)textChanged:(NSNotification *)notification{ …

一:搭建一套免费的serverless网站

因为公司需求&#xff0c;需要快速搭建一个公司内部能够访问的资源查看管理的 PC网站&#xff0c;因为没有服务器&#xff0c;没有后端开发&#xff0c;又要快速上线使用&#xff0c;那么 serverless 就成了我的首选方案&#xff0c;下面从零开始搭建。 步骤一. 准备工作 1. …

monorepo_Monorepo开发的要点

monorepoThe word monorepo is a combination between “mono”, as in the Greek word mnos (in translation, alone) and an abbreviation of the word repository. A simple concept if taken verbatim: one lonely repository. The domain is software engineering so we’…

记一次 HTTP信息头管理器使用 的重要性

今天在测试中遇到了一个问题 使用JMeter时请求相关地址参数及方法都填写正确&#xff0c;但是相应数据返回始终不对&#xff0c;例如 查看取样器结果显示 200 正常&#xff0c;但响应数据不符合正常的结果。 经反复检查发现问题如下&#xff1a; 1&#xff09;没有添加HTTP信息…

手把手,教你怎样用命令行给apk签名

最近因为项目上线&#xff0c;要配合运营的童鞋们上传各渠道apk,其中&#xff0c;搜狗的渠道因为迁移问题&#xff0c;需要给一个他们提供的空的apk签名&#xff0c;然后用公司的签名文件进行签名 没办法&#xff0c;只能手动给apk签名&#xff0c;网上搜索一片均不太完善&…

uniapp富文本复制文字内容

设置样式即可 text,span,p {user-select: text;-webkit-user-select: text;}