前端小白--优快云博客

原创微信小程序轮播中间大两边小

wxml： <view class="swiper"> <swiper autoplay="{{autoplay}}" previous-margin="{{previousMargin}}" next-margin="{{nextMargin}}" circular="true" interval="{{...

2019-12-18 16:04:58 1513

原创 CSS3图片上移显示隐藏层

日常记录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...

2019-10-18 17:46:25 560

原创 CSS3鼠标悬停边框线条动画按钮效果

日常记录<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS3鼠标悬停边框线条动画按钮效果</title><link ty...

2019-10-18 16:11:30 1214

原创 Animate.css动画+wow.js实现弹窗关闭打开效果

日常记录一下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...

2019-10-17 10:23:51 1077

原创鼠标移过移出（hover）使背景颜色平滑变换（transition）

效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...

2019-10-16 16:21:41 9144

转载记录：小程序点击弹出授权框获取用户昵称头像

原文链接：http://caibaojian.com/wx-getuserinfo.html wxml: <view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && ca

2018-11-13 17:24:49 7809

原创记录：小程序分类导航栏

记录：方便日后查阅资料，小程序分类导航栏。功能：导航栏页面可左右滑动，可点击跳转页面。放上效果图：wxml：<view> <swiper class="categoryList" indicator-dots="true" indicator-color="rgba(228,228,228,1)" indicator-active-color...

2018-11-12 18:56:37 7035 3

原创记录:小程序前端开发之tab选项卡与swiper高度自适应的问题与解决记录

小白前端，记录一下自己平时遇到的问题与解决方案，方便用到的时候查看。今天，自己弄了一个选项卡，选项卡内容没有问题，可是到了选项卡下面的swiper的时候，就卡住了，我的需求是swiper里面的内容可以根据数据来自适应高度。因为swiper小程序必须要有固定的高度，不然就得用小程序封装的默认高度150rpx,而我里面的内容高度是不固定的，是根据数据来适应高度的，前前后后查了好久，网上的前辈们的博...

2018-11-12 18:47:02 5189 7

前端小白的博客