摘要: <div :style="'width:'+ num * 3.3 +'%;'"></div> <div :style="'width:'+ (100 - num * 3.3) +'%;'"></div> 如果你觉得99.9的时候有一丝的边不舒服,你可以改成3.4,我感觉有白边会更好,提示用户你这个一 阅读全文
posted @ 2024-04-25 11:37 srqsl 阅读(9) 评论(0) 推荐(0) 编辑
摘要: <div @click="fullScreen">全屏显示</div> <div @click="exitFullScreen">退出全屏</div> fullScreen () { var de = document.documentElement; if (de.requestFullscree 阅读全文
posted @ 2024-04-25 10:39 srqsl 阅读(2) 评论(0) 推荐(0) 编辑
摘要: <div id="demo"> <img :src="imgurl" width="200px" height="200px" alt=""> <input style="display: none;" type="file" accept="image/*" id="cameraInput" ca 阅读全文
posted @ 2023-11-24 15:27 srqsl 阅读(37) 评论(0) 推荐(0) 编辑
摘要: <div id="demo"> <div @click="getPosition">你的定位</div> </div> <script> let app=new Vue({ el: "#demo", data() { return { } }, methods: { getPosition(){ v 阅读全文
posted @ 2023-11-24 14:52 srqsl 阅读(238) 评论(0) 推荐(0) 编辑
摘要: var system={win:false,mac:false,xll:false}; var p = navigator.platform; system.win=p.indexOf("Win")==0; system.mac=p.indexOf("Mac")==0; system.x11=(p= 阅读全文
posted @ 2023-11-23 15:53 srqsl 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 效果图 let system = {} let userAgent = navigator.userAgent // 获取微信版本 let systemInfo = userAgent.match(/MicroMessenger.*?(?= )/) if (systemInfo && systemI 阅读全文
posted @ 2023-11-23 15:22 srqsl 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 页面展示效果,点保存后生成图片链接 图片链接展示效果 这里只展示了竖屏签名效果,横屏自己粘贴代码测试 css .box {width: 98%;display: flex;flex-direction: column;margin: auto;} .canvasbox {width: 100%;bo 阅读全文
posted @ 2023-10-07 10:44 srqsl 阅读(248) 评论(0) 推荐(0) 编辑
摘要: html <input type="text" v-model="searchContent" style="border:1px solid red" @input="inputFun2"> <div v-for="(item,index) in optionsData" @click="getO 阅读全文
posted @ 2023-06-28 10:44 srqsl 阅读(234) 评论(0) 推荐(0) 编辑
摘要: css面试题:https://www.cnblogs.com/srqsl/p/17317496.html html面试题:https://www.cnblogs.com/srqsl/p/17309191.html 基本的数据类型介绍,及值类型和引用类型的理解 在 JS 中共有 8 种基础的数据类型, 阅读全文
posted @ 2023-04-14 10:19 srqsl 阅读(13) 评论(0) 推荐(0) 编辑
摘要: js面试题:https://www.cnblogs.com/srqsl/p/17317510.html html面试题:https://www.cnblogs.com/srqsl/p/17309191.html 盒模型介绍 CSS3 中的盒模型有以下两种:标准盒模型、IE(替代)盒模型。 两种盒子模 阅读全文
posted @ 2023-04-14 10:17 srqsl 阅读(15) 评论(0) 推荐(0) 编辑