当前位置: 首页 > Web前端 > CSS

整理记录web前端开发中遇到的问题——2019-04

时间:2023-03-31 01:56:29 CSS

目录1、css匹配下标为奇数或偶数的子元素2、获取屏幕高度3、小程序tabbar无法显示的原因4、小程序状态栏沉浸5、小程序引用图标文字1、css匹配标记为奇数或偶数的子元素。item-order:nth-of-type(odd){border-left:3pxsolid#f5f5f5;//奇数}.item-order:nth-of-type(even){border-right:3pxsolid#f5f5f5;//偶数}2.获取屏幕高度获取浏览器显示区域的高度:$(window).height();获取浏览器显示区域的宽度:$(window).width();获取页面文档高度:$(document).height();获取页面的文档宽度:$(document).width();获取滚动条到顶部的垂直高度:$(document).scrollTop()或$(window).scrollTop();获取滚动条向左垂直宽度:$(document).scrollLeft()或$(window).scrollLeft();传送门1传送门23.小程序tabbar无法显示的原因pages数组的第一项必须是tabBar列表数组"pages"的成员:["pages/clickDemo/clickDemo","pages/logs/logs""pages/index/index","pages/mypage/mypage"]tabbar中list数组的内容为:"list":[{"pagePath":"pages/index/index","text":"主页","iconPath":"image/location_normal.png","selectedIconPath":"image/location_selected.png"},{"pagePath":"pages/logs/logs","text":"settings","iconPath":"image/setting_normal.png","selectedIconPath":"image/ssetting_selecred.png"}如果不是自定义的tabbar,自定义为true则不会显示,这是作者犯的一个小错误,找了很久...4.沉浸式app。json中窗配置:navigationStyle:"custom"5、小程序引用iconfont图标1、在阿里图标库中找到你需要的图标,添加到项目中2、下载项目到本地3、打开下载的目录本地并保存iconfont.css将文件更改为iconfont.wxss并复制到项目中4.在app.wxss中引入iconfont.wxss5.在阿里图标库我的项目中点击复制代码6.将复制的@font-face替换为@iconfont.wxss中的font-face7.参考项目中的详细教程点击传送门