先上最终效果图:1,引入layui的css和js文件 <link rel="stylesheet" href="lib/layui/css/layui.css" rel="external nofollow" ><script src="lib/layui/layui.js"></script> 2,在页面放置一个table元素<table class="layui-hide" id="test" lay-filter=test3></table>3,通过 table.render() 方法指定该容器 layui.use(table, function(){var table = layui.table; // var playerName; // if(item != undefined) { //...
实例如下:$(document).on("click",".admin-side-friend",function(){ layer.open({title: YouTube,maxmin: true,type: 2,content: video.html,area: [800px, 500px]});}); 以上这篇layerUI下的绑定事件实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
写了两三天,终于把toast组件写出来了。不敢说是最好的设计,希望有更好思路的朋友可以在评论区给我意见!_(:з」∠)_ 第一步:写toast.vue,将样式之类的先定下来 <template><div v-show="showToast" class="toast" :class="position"><div class="toast_container" v-if="type==success"><div><i class="iconfont icon-check icon"></i></div><div class="msg_container">{{message}}</div></div><div class="toast_container" v...
饿了么的五角星有三种形状,分别是实星,半星,空星并且组件要能实现,这个五角星不同大小,评分也不一样,比如满分五颗星,四颗半星,四颗星等等.... 所以需要像组件传入一个大小:size,一个分数:score 代码如下: <template><div class="star" :class="starType"><span class="star-item" :class="itemClass" v-for="itemClass in itemClasses"></span></div></template><script type="text/ecmascript-6">const LENGTH=5;const CLS_ON="on...
效果图如下所示:具体代码如下所示: <!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><title>weirdo</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}.lx {text-align: center;letter-spacing: 5px;margin: 20px;}</style> </head> <body> <div class="lx"><script>function cl() {var c = 0123456789abcdef;var cc = #;cc += c.charAt(Math.round(Math.random() * (c.length - 1)));cc += c.c...
需求是商品只能选一次,有原价和现价. 大概的效果图是这样:完整代码在这里,直接复制就能用: <!DOCTYPE html> <html lang="zh"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">html{background: rgb(214,175,209);}/*计算器*/#app{text-align: center;margin-top: 8%;position: relative;}.goods_box{width: 70vw;margin-left:15vw;height: auto;margin-top: 5%;}.goods_box ul{width: 100%;overflow:...
具体代码如下所示; SecondToDate: function(msd) { var time =msd if (null != time && "" != time) { if (time > 60 && time < 60 * 60) { time = parseInt(time / 60.0) + "分钟" + parseInt((parseFloat(time / 60.0) - parseInt(time / 60.0)) * 60) + "秒"; } else if (time >= 60 * 60 && time < 60 * 60 * 24) { time = parseInt(time / 3600.0) + "小时" + parseInt((parseFloat(time / 3600.0) - parseInt(time / 3600.0...
1.静态效果图Chrom移动端浏览模式下可拖动按钮处于任意位置,并且点击可旋转按钮 2.代码 <template><div id="app"><div class="icon-add-50" :style="iconstyle" @click=click @touchmove=touchmove @touchstart=touchstart(this,$event) @touchend=touchend></div></div> </template> <script> export default {name: App,data(){return{/*--------图标样式变量--------------*/iconrotate:45,//旋转degicontranslateX:100,//沿x轴...
当调用test2时:methods = {test(age){console.log(test, age);},test2(){console.log(this.methods);this.methods.test(222);console.log(test2)}};结果:{test: f, test2: f} test 222 test2总结 以上所述是小编给大家介绍的微信小程序methods中定义的方法互相调用的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
前段时间由于项目需求,得做excel和word的导出功能,excel的导出百度一下一大把,小伙伴们都写的好详细,基本打来改改就可以用,可导出word的功能,百度了貌似都找不到可用资料,哎,费解呀。后来找同事,同事们也没整过,看来还得自己上呀。。。 第一次发现原来百度Google这强大,同事推荐的 http://www.baigoogledu.com/ 百度Google一起摆 nodejs word 找到https://github.com/Ziv-Barber/officegen 看到这里您老是不就瞬间明...
下面通过一段代码给大家介绍js获取浏览器地址栏的多个参数值的任意值,具体代码如下所示: getParamValue("id"); //http://localhost:2426/TransactionNotes.aspx?id=100 //返回值是100; // 根据参数名称获取参数值function getParamValue(name) {var paramsArray = getUrlParams();if (paramsArray != null) {for (var i = 0 ; i < paramsArray.length ; i++) {for (var j in paramsArray[i]) {if (j == name) {return paramsArr...
一、引入相信很多人都遇到过敏感信息需要做部分隐藏功能,大多数都是用特殊符号去替换。 正好今天我又遇到这样的前端显示的需求,正好把相关JS记录下来,方便下次再用。 二、JS部分 /* 部分隐藏处理 ** str 需要处理的字符串 ** frontLen 保留的前几位 ** endLen 保留的后几位 ** cha 替换的字符串 */ function plusXing(str, frontLen, endLen,cha) {var len = str.length - frontLen - endLen;var xing = ;for (var i = 0...
由于是上线的项目且已经按照数据逻辑去渲染了能看懂的看逻辑吧。有点多 效果如图<template><div class="lottery-management-wrapper"><ul><li class="lottery-management-list-wrapper"><div class="lottery-management-list" v-for="(item , index) in activityListData"><div class="lottery-management-list-left" @click="detailOfTheActivity(item)"><dl><dd><h3>{{item.activityName}}</h3><p>活动时间:{{item.beginTime}}至...
Vue 实现组件信息的缓存 当我们在开发vue的项目过程中,避免不了在路由切换到其他的component再返回后该组件数据会重新加载,处理这种情况我们就需要用到keep-alive来缓存vue的组件信息,使其不再重新加载。 一、在app.vue里 <keep-alive><router-view></router-view> </keep-alive>但是这种情况会对所有的组件进行缓存,不能达到单个组件缓存的效果。 那么我们给部分组件加上,实现方法如下: 在app.vue <!--这里是需要keepalive的...
/* JS代码部分 */3 const date = new Date() const years = [] const months = [] const days = [] const hours = [] const minutes = [] var thisMon = date.getMonth(); var thisDay = date.getDate(); for (let i = 2017; i <= date.getFullYear() + 1; i++) {years.push(i) } for (let i = date.getMonth(); i <= 11; i++) {var k = i;if (0 <= i && i < 9) {k = "0" + (i + 1);} else {k = (i + 1);}months.push(k) } if (0 <...