<!DOCTYPE html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul,li { list-style: none; margin: 0; padding: 0; } .tabBox { wid ...
分类:
Web程序 时间:
2021-01-27 14:03:18
阅读次数:
0
1. 效果图 2. 子组件tab中添加clickTab事件及动态样式: 动态样式: 3. 父组件接收事件 ...
分类:
其他好文 时间:
2020-07-28 10:15:37
阅读次数:
71
vue 仿今日头条 为了增加移动端项目的经验,近一周通过 vue 仿写今日头条,以下就项目实现过程中遇到的问题以及解决方法给出总结,有什么不正确的地方,恳请大家批评指正^?_?^!,代码仓库地址为 github 一、实现功能 首页展示 查看消息 图文懒加载 滑动选项卡,切换频道,点击频道切换不同新闻 ...
分类:
其他好文 时间:
2020-06-01 18:07:02
阅读次数:
106
jquery代码全屏图片切换展示,大气100%全屏显示图片滚动切换点击》jquery代码全屏图片切换展示,大气100%全屏显示图片滚动切换在网页图片切换中实现全屏轮播,兼容各种浏览器。原生js代码制作仿苹果官网商品弹性选项卡切换菜单点击》原生js代码制作仿苹果官网商品弹性选项卡切换菜单智能社(zhi ...
分类:
其他好文 时间:
2020-05-13 09:18:20
阅读次数:
59
使用JQuery实现选项卡切换:触发添加和删除类名! html代码 <div> <div class="ig"> <img src="images/dl1.jpg" alt=""> <div class="video-btn"> <p>Watch video</p> <a href=""><i></ ...
分类:
其他好文 时间:
2020-04-06 12:08:59
阅读次数:
79
选项卡算是小程序中必不可少,大家基本上都会用到的一个功能组件,今天就来分享一个自己做的效果,纵向的一个选项卡 wxml <view class='productNav'> <!-- 左侧 --> <view class='left'> <view class="{{active==0?'select ...
分类:
微信 时间:
2020-04-03 20:05:30
阅读次数:
175
* html布局和css样式在最下 基本效果如图: 1、面向过程 1 <script> 2 // 1. 找到所有的按钮 3 // 2. 给按钮添加事件 4 // 3. 根据按钮的下标显示对应的内容 5 6 // 1. 找到所有的按钮 7 var btns = document.querySelect ...
分类:
Web程序 时间:
2020-03-22 10:59:38
阅读次数:
92
制作一个选项卡切换 1、把选项卡的html页面框架搭建起来 html页面代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div> <!--居中的框架开始--> <div c ...
分类:
其他好文 时间:
2020-01-11 09:40:07
阅读次数:
62
上代码: <template> <div class="push"> //点击按钮 <div class="tab"> //tab被点击的几个按钮需要被循环出来,方便获取其index <span v-for="(item,index) in strands" :key="index" //点击事件, ...
分类:
其他好文 时间:
2019-12-27 23:57:34
阅读次数:
649
<div id="card"> <div class="title"> <span @click="num=key" :class="change(key)" v-for="title,key in title_list">{{title}}</span> </div> <div class="co ...
分类:
其他好文 时间:
2019-12-12 22:19:39
阅读次数:
107