03 2022 档案
摘要：解决办法 image { display:block }
阅读全文
摘要：<image src="{{imgList[8]}}" data-src="{{imgList[8]}}" bindtap="preview"></image> 必须有 data-src，不然获取不到 e.currentTarget.dataset.src preview(e) { let curr
阅读全文
摘要：<view class="image_zone" animation="{{animationData}}"/> const utils = require('../../../../../utils/index'); // pages/experience/more/component/moreS
阅读全文
摘要：var items = ['1','2','4','5','6','7','8','9','10']; 1.从数组items中随机取出一个元素 var item = items[Math.floor(Math.random()*items.length)]; 2.从前面的一篇随机数组中随机取几个元素
阅读全文
摘要：// 监听函数 const setWatcher = (page) => { let data = page.data; // 获取page 页面data let watch = page.watch; for(let i in watch){ let key = i.split('.'); //
阅读全文
摘要：JS： changeScrollindex(e) { let num = +e.currentTarget.dataset.num this.setData({ scrollindex: num }) }, HTML:<view capture-catch:tap="changeScrollinde
阅读全文
摘要：使用device-aspect-ratio，宽高比最方便 /* iPhone6/7/8 */ @media (device-aspect-ratio: 375/667) { /* 自定义提示点 */ .radius { display: flex; } } /* iPhone6/7/8 Plus*/
阅读全文
摘要：因为flex属性默认值为flex:0 1 auto;其中 1 为 flex中的 flex-shrink 属性。 该属性介绍: 一个数字，规定项目将相对于其他灵活的项目进行收缩的量。 根据上述介绍可以理解为默认 1 为开启收缩 所以可以将display:flex;下的子元素的flex属性设置为flex
阅读全文
摘要：.image_zone_touch { box-sizing: border-box; position: absolute; width: 16vw; height: 16vw; background-color: transparent; border-radius: 50%; animatio
阅读全文
摘要：<div class="box"> <div class="a"></div> <div class="b"></div> </div> .box { display: flex;} .b { flex: 1; } .a {width: 100px;} 正常两栏布局，但如果b得子元素太宽，会撑开b，
阅读全文