实现效果图：当鼠标点击节点时，出现圆环选项，具备删除节点和编辑节点功能，点击删除icon可实现删除节点功能，点击编辑icon可实现编辑节点功能。解决思路：（1）圆环形工具栏实现：关键在于定位，当点击节点时，使用【this.network.getPositions(e.nodes[0])】获取鼠标点击的位置；使用【this.network.getScale()】获取缩放尺寸；【this.networ
1.前端服务器搭建(1)创建一个static web project(2) 安装 npm install -g vue-cli(3) vue init webpack 项目名(4)cd 项目名 npm run dev 运行服务完成上面步骤后，就将vue.js项目放入到前端服务器中运行了。如果安装速度慢可以使用淘宝镜像代理：npm config se
转载
2024-07-29 15:43:57
48阅读
✍️ 作者简介: 一个每天中午去打篮球和锻炼的前端开发。?⬛ 两只猫?和一只狗的铲屎官?? 微博: GuoJ阝阝（fu）前言最近公司的管理系统又要添加新功能，需求是为表格数据添加右键菜单，操作当前选中行的属性。 刚开始想的是直接控制DOM树生成一个HTML编写的菜单，挂载到右键点击的位置。但是我觉得vue这么强大，肯定有右键组件，肯定比自己写的好看。不查不知道，一查居然发现vue原生支持右键菜单，
转载
2024-09-29 11:48:25
307阅读
传统按钮置灰，需要使用另外一张纹理。本例通过修改shader和NGUI sprite的r值来实现按钮的置灰。优势：节省纹理，操作简单只需将NGUI的Resource/Shaders目录下Unlit - Transparent Colored的shader修改部分代码即可，如下（第60行处）：// original
// fixed4 frag (v2f IN) : COLOR
// {
转载
2024-08-21 11:27:12
272阅读
近日在开发的页面中，需要制作一个动态的圆形进度条，首先想到的是利用两个矩形，宽等于直径的一半，高等于直径，两个矩形利用浮动贴在一起，设置overflow：hidden属性，作为盒子，内部有一个与其宽高相等的子盒子，左侧的子盒子左上角和左下角以及右侧子盒子的右上角和右下角利用border-radius：半径，这样两个矩形便组成了一个完整的圆形。 我们让左侧的
转载
2024-09-04 08:54:09
118阅读
弹框子组件 child-dialog.vue: <template> <el-dialog v-if="show" title="提示信息" :visible.sync="show" :close-on-click-modal="false" :destroy-on-close="true" wid
原创
2022-08-04 17:02:44
229阅读
前言：一直对浏览器的各种宽度，滚动距离是否包括菜单栏，滚动条之类的问题混杂不清，今天通过借鉴网上的一些资料，来通过总结，学习这些视图属性，便于自己之后的学习了解。一. window视图属性 浏览器窗口可视区域大小 1 innerWidth 属性和innerHeight 属性不包括菜单栏、工具栏以及滚动条等的高度（只读属性） innerHeight：获取window窗体的内部高度 innerWidt
OthersDialog 对话框 基本用法<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%"
:before-close=
安装1.确保电脑上面安装有vue环境npm i element-ui -S 组件图标<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>换图标，换class里面的即可 按钮<el-button>默认按钮</el-button>
<el-
转载
2024-02-08 21:52:11
302阅读
解决系统首页响应式布局目前前端的UI框架使用的时Element-UI，布局提前使用了类似于Bootstrap框架的网格布局，不过Bootstrap中的的最大网格数时12，而Element-UI的时24格，并且也参照了Bootstrap的响应式设计，预设了五个响应尺寸：xs、sm、md、lg 和 xl。这样就可以解决不同屏幕的适配问题了。具体的使用和特性大家可以访问Element-UI的官网中的La
转载
2024-04-18 13:40:55
79阅读
1.一个完整的组件项目需要什么？必要的：组件构建方式 ( webpack / rollup 之类 )，并提供至少一个主流的输出格式 (ESModule)Demo 及 Demo 源码文档，可以是 docsify 之类的生成的页面，懒点就内嵌在 README 里了其实上面的除了文档都比较容易做到，除了可能会在构建上踩坑外。那么做到了这些可以上线了吗？是的。不过看一些优秀的库其实还可以做更多的，例如下面
转载
2024-08-31 09:23:48
303阅读
进度条可以显示用户任务的完成过程。创建一个基本的进度条的步骤如下：添加一个带有 .progress 类的 <div>。接着，在上面的 <div> 内，添加一个带有 class .progress-bar 的空的 <div>。添加一个带有百分比表示的宽度的 style 属性，例如 style="width:70%"
由于UI都是Achor自己用PS做的，比较粗糙，大家见谅，不过丝毫不影响功能的实现，下面我们看看今天的笔记：首先我们看看需要哪些组件：1.在Canvas画布下新建一个GameObject，改名为Mask，顾名思义，该组件实现遮罩功能。2.在Mask下面添加RawImage，用来实现小地图动态显示。3.新建一个Sprite作为角色的子对象，改名为Icon，实现小地图中代替角色的箭头图标。（贴图大家根
转载
2024-04-23 11:04:54
759阅读
<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item name="1"> <span class="collapse-title" slot="title">{{ collapseTitle }}</
原创
2021-07-02 11:36:30
10000+阅读
在使用SOLIDWORKS进行建模时，当设计圆柱体、圆形曲面等圆形截面的时候，草图编辑中的“圆”命令，可以快速的帮助我们实现。那么，本篇图文教程就介绍一下草图编辑中的“圆”命令。1、新建新建一个零件，选择一个合适的基准面，我这里以前视基准面为例进行说明（如图1）。2、认识“圆命令”如图2，“圆命令”是草图绘制实体的第二个命令，位置已用红色边框标识出来。“圆命令”默认显示的是中心圆，也就是常用的由圆
转载
2024-02-27 21:45:30
47阅读
图形绘制前言CSS绘制圆形基本圆形圆环and同心圆 前言如果是纯颜色的背景图，当然是css方便，一句代码就可以定义了，加载图片还耗时。但如果不是纯色背景，图像颜色内容很复杂，当然得用图片，css制作不了。本章就记录一些常见的css图形应用。CSS绘制圆形基本圆形圆形其实就是正方形边框圆角50%。#circle {
border-radius: 50%;
width: 160px;
h
转载
2024-04-30 23:16:23
105阅读
先看效果图：先来说下我的思路：首先我需要在自定义View中动态获取头像id，那么就需要在attrs文件中，写一个关于该View类的自定义属性。这里仿照ImageView，取名为src，类型为reference引用类型<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable nam
转载
2023-09-25 17:21:54
116阅读
