昨夜小楼听风雨

2024年5月6日

摘要： 1、导航栏（1）垂直导航栏  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia 阅读全文

posted @ 2024-05-06 15:28 昨夜小楼听风雨阅读(1020) 评论(0) 推荐(0)

2024年5月5日

网页布局------轮播图效果实现

摘要：纯css实现轮播图可以看这里：纯css实现轮播图（自动轮播和手动轮播）效果_☆*往事随風*☆的博客_css轮播图-CSDN博客代码来源： html+css+jquery实现轮播图自动切换、左右切换、点击切换_jquery图片轮播幻灯片效果实现左右滚动图片切换代码-CSDN博客 JS实现轮播图的三种阅读全文

posted @ 2024-05-05 14:22 昨夜小楼听风雨阅读(378) 评论(0) 推荐(0)

2024年4月29日

网页布局------导航栏悬浮特效

摘要：实现效果：当鼠标指针悬浮在导航栏上会出现内阴影效果页面结构 <ul> <li>首页</li> <li>知识星球</li> <li>趣味问答</li> <li>奖品</li> </ul> 页面样式 *{ margin: 0; padding: 0; list-style: none; } ul{ w 阅读全文

posted @ 2024-04-29 10:11 昨夜小楼听风雨阅读(113) 评论(0) 推荐(0)

2024年4月28日

网页布局------几种布局方式

摘要： 1、认识布局（1）确认页面的版心宽度版心是指页面的有效使用面积，主要元素以及内容所在的区域，一般在浏览器窗口中水平居中显示。在设计网页时，页面尺寸宽度一般为1200-1920排序。但是为例适配不同分辨率的显示器，一般版心宽度为1000-1200px。例如，屏幕分辨率为1021*768的浏览器，在阅读全文

posted @ 2024-04-28 12:18 昨夜小楼听风雨阅读(2432) 评论(0) 推荐(0)

2024年4月24日

微信小程序功能------内容区域滚动

摘要：页面结构 <scroll-view class="content-info" scroll-y> <view style="background: #eee; height: 1000px;"></view> <view>已到达底部</view> </scroll-view> 在上面定义了高度，用于阅读全文

posted @ 2024-04-24 11:02 昨夜小楼听风雨阅读(110) 评论(0) 推荐(0)

2024年4月22日

微信小程序功能-----基础轮播图配置

摘要：使用swiper设置轮播图，下面是实现效果图页面结构 <swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots cir 阅读全文

posted @ 2024-04-22 13:15 昨夜小楼听风雨阅读(94) 评论(0) 推荐(0)

2024年4月21日

微信小程序图----图片排列展示

摘要：下面是我们需要实现内容的效果图下面开始布置页面结构 <view class="content-info-list"> <view class="list-title">推荐歌曲</view> <view class="list-inner"> <view class="list-item"> <i 阅读全文

posted @ 2024-04-21 16:38 昨夜小楼听风雨阅读(206) 评论(0) 推荐(0)

2024年4月20日

微信小程序-----顶部导航栏配置和不显示内容问题

摘要： 1、导航和信息配置 "navigationBarTitleText": "邀请函", //设置导航栏文字 "navigationBarBackgroundColor": "#fff", //设置导航栏背景颜色 "navigationBarTextStyle":"black" //设置导航栏文字你颜色阅读全文

posted @ 2024-04-20 17:58 昨夜小楼听风雨阅读(1744) 评论(0) 推荐(1)

flex布局---标签切换

摘要：我们需要实现下面的页面效果这边将代码放在下面 html部分  <view class="tob"> <view class="tab-item">音乐推荐器</view> <view class="tab-item">播放器</view> <view class="ta 阅读全文

posted @ 2024-04-20 13:00 昨夜小楼听风雨阅读(30) 评论(0) 推荐(0)

微信小程序页面功能-----标签切换

摘要：一、页面布局首先我们需要布局出标签切换的页面，下面不多描述直接上代码 1、html部分  <view class="tob"> <view class="tab-item">音乐推荐器</view> <view class="tab-item">播放器</view> < 阅读全文

posted @ 2024-04-20 12:54 昨夜小楼听风雨阅读(477) 评论(0) 推荐(0)