随笔 - 50,  文章 - 0,  评论 - 2,  阅读 - 54000
08 2018 档案
vue-draggable-resizable 拖拽缩放插件
摘要:安装: npm install --save vue-draggable-resizable 使用: <template> <div style="height: 500px; width: 500px; border: 1px solid red; position: relative;"> <v 阅读全文
posted @ 2018-08-31 15:06 1183788267 阅读(15577) 评论(1) 推荐(0) 编辑
表格固定宽度布局
摘要:table{ table-layout: fixed; ==>固定布局的算法。在这种算法中,表格和列的宽度取决于col对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。 } 假如表格没有指定宽度( width )属性,则表格被呈递的默认宽度为 100% (注意:此样式是关键)td{ w 阅读全文
posted @ 2018-08-30 17:39 1183788267 阅读(194) 评论(0) 推荐(0) 编辑
文字固定宽度两端对齐
摘要:样式: HTML: 效果图: 从效果图可以看到,除了要在块级元素加text-align:justify样式外,还需要在里面加一个空的span元素,并应用样式。另外,对于中文还必须用空格隔开汉字,否则也没有两端对齐的效果。英文每个单词都有空格隔开,所以没问题。 https://www.cnblogs. 阅读全文
posted @ 2018-08-28 15:21 1183788267 阅读(384) 评论(0) 推荐(0) 编辑
vue 使用
摘要:1.获取元素高度 <div ref='box'>元素</div> var height=this.$ref.box.offsetHeight 2.设置样式 <div :style='mystyle'></div> data(){ return { mystyle:'' } } mystyle='co 阅读全文
posted @ 2018-08-24 15:15 1183788267 阅读(127) 评论(0) 推荐(0) 编辑
创建vue项目及引入插件
摘要:部署开发环境 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架 cnpm install vue-cli -g 1. 新建v 阅读全文
posted @ 2018-08-24 10:38 1183788267 阅读(304) 评论(0) 推荐(0) 编辑
vue-router
摘要:1.router.route <router-link :to="..."> 等同于调用 router.push(...) 该方法的参数可以是一个字符串路径,或者一个描述地址的对象。例如: // 字符串 router.push('home') // 对象 router.push({ path: 'h 阅读全文
posted @ 2018-08-21 13:02 1183788267 阅读(115) 评论(0) 推荐(0) 编辑
hbuilder scss自动编译
摘要:hbuilder 命令参数: --no-cache %FileName% %FileBaseName%.css --style compact 阅读全文
posted @ 2018-08-15 14:53 1183788267 阅读(237) 评论(0) 推荐(0) 编辑
移动端video视频播放问题
摘要:1.视频播放后自动全屏 video添加playsinline webkit-playsinline属性 2.安卓暂停或播放完毕不能滑动 通过js判断机型,安卓去掉controls属性,ios保留controls属性 3.视频播放后层级最高,上层元素会被视频覆盖 video添加x-webkit-air 阅读全文
posted @ 2018-08-13 09:37 1183788267 阅读(1050) 评论(0) 推荐(0) 编辑
hammer.js使用
摘要:手势包括点击(tap),长按(press),滑动(swipe),方向(pan) 使用实例: 阅读全文
posted @ 2018-08-09 18:25 1183788267 阅读(191) 评论(0) 推荐(0) 编辑


< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示