摘要:
先安装less,less-loader npm install less less-loader --save-dev,你会在package.json中看到图下 之后不用配置就可以在项目中用less了 直接在main.js中引入less文件就好,(在main.js中引入的npm run build之 阅读全文
摘要:
在css中我们说了用css控制文本显示几行,超出用省略号,但这个办法是要完全占满一整行的,偏偏就是有UI设计师就不这么干,是不是很想打他,哈哈哈,我不会的时候都这样子在心里骂设计师的,这么久那么爱搞特殊呢,骂完就还是好好干活吧,他们奇特的想法,最终只会促使我们进步而已啦!回归正题,看结果图说话。 注 阅读全文
摘要:
终于完成了项目了,今天我就分享自己在项目中比较实用的一些功能的实现,第一个就是纯css文本超出省略号 /* 文本单行超出省略号 */ .textels { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; //将元素设为 阅读全文
摘要:
首先就是必须安装axios和mock.js npm install axios npm install mockjs 1. 然后在文档src中新建一个mock.js文件,如图 2. 在main.js中全局引入axios插件和mock.js文件如图 3. 在组件中用axios获取mock.js文件 4 阅读全文
摘要:
初学有不当之处,请多多指点, <body> <div class="cc"> <input type="file" id="file" onchange="imgChange()" accept="image/*"> </div> <img src="" id="showImage" alt=""> 阅读全文
摘要:
1. clientWidth:表示元素的内部宽度,以像素计。该属性包括内边距,但不包括垂直滚动条(如果有)、边框和外边距。(clientWidth = width + padding) 2. offsetWidth:表示元素的内部宽度,以像素计。该属性包括内边距、垂直滚动条(如果有)、边框,但不包括 阅读全文
摘要:
来源:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsDataURL 真心不错写得,思路比较清晰。已经测试过 注意:这方法是把图片路径变成了base64格式(适合小图片,减少请求次数) 示例一:只能上传一张图片的 示 阅读全文
摘要:
转发要备注出处哈,么么哒 注释的那些部分都是我在尝试的时候写得,留给自己看得,删除不影响效果哈,希望对你们有帮助,比较忙可能写得很粗糙,不好意思,有空再改了 实例一: <template> <div class="date"> <span><input type="text" :value="for 阅读全文
摘要:
建议先去了解清楚了径向渐变,线性渐变的用法先 这个作者的css制作波浪线讲解很不错额:https://www.jianshu.com/p/8570433e3669不理解的可以看看这个链接的额 可以去菜鸟教程上查找径向渐变的案例进行更改容易理解其属性值都是怎么用的额(*^__^*) 嘻嘻……希望能帮到 阅读全文
摘要:
希望对你们有用,已经自己试过可以的才发布出来的 效果如下: html: <template> <div class="evaStar"> <ul class="star"> <li v-for="(itemClass,index) in itemClasses" :class="itemClass" 阅读全文