- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue 跑马灯效果
vue 跑马灯效果制作一个一条文字的跑马灯效果：1、写上两个按钮，写上一条文字2、给按钮定义点击事件3、拿到文字用substring来做字符串截取，先获取第一个字符串，再获取第一个后面的字符串，然后字符串拼接4、开启一个定时器，把第3点中的操作放进定时器中，就形成了一个跑马灯效果代码如下：<div id="app"> <button @click="...
2020-01-09 10:16:02
421
5
原创 js 简单的三级联动 （省市区）
js （省市区）简单的三级联动1、给定三个select ，在第一个select中添加一个option指定“请选择”2、获取三个select的标签节点3、获取三个list的值（本次虚拟给定）4、定义一个下标5、遍历第一个list集合的数据，给第一个select添加option -------》（市）6、写第一个select文本框的触发事件（onchange ----》元素内容发生改变，事...
2019-12-03 15:36:13
1580
2
原创 js 简单轮播图
简单轮播图1、给定一个显示的div最大盒子，用来存放img2、使用ul li放置四个图片，设置图片大小 去掉圆点<div class="contair"> <ul id="ul"> <li><img src="/image/img1.jpg" alt=""></li> ...
2019-12-03 10:29:47
196
原创 js 卡片选项+实现文本框内容发生改变的触发事件
js 卡片选项+实现文本框内容发生改变的触发事件想模仿知乎做一个首页界面，刚好用上了文本框的触发事件，还写了一个大部分页面都要用到的卡片选项：<style> * { padding: 0; margin: 0; } body { height: 100%; ...
2019-11-28 18:20:58
300
原创 js 留言板
js 留言板小可爱要我给她写一个独有的留言板，我用上了我最近刚看的视频，做了一个简单的留言板： <h1>写给我的小可爱</h1> <div class="list"> <ol id="ol"></ol> </div> <textarea id="message" cols=...
2019-11-28 11:03:50
553
1
原创 小程序 - 自定义滑动组件
自定义滑动组件小程序有自己的滑动组件slider，但是外形不够美观，我就在网上找的一个自定义滑动组件，然后在它的基础上做了修改，已经可以很流畅的滑动了：这个组件运用了两个自定义的控件，我就一一写出来把新建一个component文件夹，里面放下这两个文件：wxzx-progress中wxml：<view class="progress progress__bg" style="...
2019-10-23 18:18:50
1498
1
原创 小程序六选一分两层的界面布局
六选一还分为两层的界面布局前两天接到一个这样的布局，需求是在同一个集合中做六选一的单选，如图：我下面我就写两种实现方式：第一种：二维数组XML中：第一个数组中放四个，第二个数组中也是放四个，不过中间两个是空数据。<view class='one' style='border:1px solid red;margin:20px;' wx:for="{{groups}}" wx:f...
2019-10-23 18:01:00
437
原创 小程序 解决原生组件最高层级问题
小程序 解决原生组件最高层级问题最近接到一个需求，写一个空调的控制页面，有多个空调的选择和控制页面一起运用，如图：在这里插入图片描述可是问题出现了，我的下拉列表一直在环形的下一层，我把z-index：999都没有用，后来我百度查了一下，才发现原生组件拥有最高层级，下面我来介绍一下小程序有哪些原生组件：cameracanvasinput（仅在focus时表现为原生组件）live-p...
2019-10-23 17:34:17
1429
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人