自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 小程序左右列表联动优化版(简单易懂)

最近通过做一个商城的项目实战学习小程序,目前市场上大部分的商城列表都使用了菜单的左右联动功能,因为自己想做好这个项目,所以在实现了以后还进行了一下优化,想记录下来。话不多说,直接上代码。wxml<view class="contain"> <view id="header"> <!-- 这是我写的头部组件,可以忽略 --> <header title="Bingo" /> </view> <view id="searchB

2020-05-28 19:12:32 2350

转载 怎样设置元素的大小与浏览器窗口大小相同

如果有一个类名为.box元素想充满整个屏幕,那么怎样设置呢?在这里总结了三种方法来进行设置:方法一:使用%来设置,所有基于百分比的尺寸必须从父元素继承,并且如果任一父项未能指定尺寸,则它们的尺寸假定为0px。所以想继承父元素的高度,则需要先设置父容器的高度,即要先将html、body的高度设为height:100%,后将.box的高度设为height:100%html, body, .box { height:100%;}方法二:使用vw,vh来设置 : .box { wi

2020-05-11 10:04:50 5229 1

原创 原生JS实现鼠标悬浮菜单栏

今天在工作中需要用原生JS实现一个鼠标悬浮菜单栏,记录一下。效果图代码实现index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C

2020-05-09 15:24:14 1938

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除