是一款基于Vue.js开发的交互式标尺工具组件,旨在提升前端开发者和设计师的工作效率,特别是在需要精确布局和测量网页元素的情况下。这个项目提供了一个直观且易于集成的解决方案,使得在Web应用中添加量规功能变得轻而易举。 技术解析 Vue Ruler Tool 使用了流行的前端框架Vue.js,它以数据驱动和组件化为核心,具备良好的...
importVuefrom'vue'importVueRulerToolfrom'vue-ruler-tool'Vue.component('vue-ruler-tool',VueRulerTool) 你现在就可以使用该组件了 <template><vue-ruler-tool:content-layout="{left:200,top:100}":is-scale-revise="true":preset-line="presetLine"></vue-ruler-tool></template>import VueRulerTool from...
<vue-ruler-tool :position="'fixed'" > isHotKey 类型:Boolean 默认值:true 快捷键键开关,目前仅支持快捷键R标尺显示开关 <vue-ruler-tool :is-hot-key="ture" > isScaleRevise 类型:Boolean 默认值:false 刻度修正(根据content进行刻度重置),意思就是从内容的位置开始从0计数 <vue-ruler-tool :is-scale...
19 import VueRulerTool from 'vue-ruler-tool' 20 21 Vue.component('vue-ruler-tool', VueRulerTool) 22 ``` 23 你现在就可以使用该组件了 24 ``` 25 <template> 26 27 <vue-ruler-tool 28 :content-layout="{left:200,top:100}" 29 :is-scale-revise...
<vue-ruler-tool :parent="true" > position 类型:String 默认值:relative 可能值:['absolute', 'fixed', 'relative', 'static', 'inherit'] 规定标尺工具的定位类型 <vue-ruler-tool :position="'fixed'" > isHotKey 类型:Boolean 默认值:true ...
vue-ruler-tool 一个基于vue的网页标尺辅助线工具 特点 没有依赖 可拖动的辅助线 快捷键支持 好吧,其实这个组件没什么太多的特点~ 安装与基本用法 $ npm install --save vue-ruler-tool 全局注册 import Vue from 'vue' import VueRulerTool from 'vue-ruler-tool' Vue.component('vue-ruler-tool', VueRule...
打开一个新的vue项目,将vue-ruler-tool-1.0.0.taz放到目录中,在当前路径下执行 npm install vue-ruler-tool-1.0.0.tgz 在新项目中引用组件就可以使用了 报错 在引用后报错无法解析,需要检查webpack.config.js配置的输出文件路径是否与package.json一样。
"vue-ruler-tool": "^1.2.4", "vue-simple-uploader": "^0.7.6", "vue-splitpane": "^1.0.4", "vue-superslide": "^0.1.1", "vuedraggable": "^2.20.0", "vuex": "^3.1.0", "vuex-persistedstate": "^4.1.0", "vxe-table": "2.9.13", ...
打开一个新的vue项目,将vue-ruler-tool-1.0.0.taz放到目录中,在当前路径下执行 npm install vue-ruler-tool-1.0.0.tgz 在新项目中引用组件就可以使用了 报错 在引用后报错无法解析,需要检查webpack.config.js配置的输出文件路径是否与package.json一样。
npm install vue-ruler-tool-1.0.0.tgz 在新项目中引用组件就可以使用了 报错 在引用后报错无法解析,需要检查webpack.config.js配置的输出文件路径是否与package.json一样。 发布到npm 1、注册 进入官网,注册帐号 2、登录并发布 npm login npm publish ...