蓝冠公司首页

表单设计器

查看演示 website 立即下载插件描述：基于boostrap布局的表单设计器、问卷等更新时间：2023-06-28 12:08:48 更新说明： 1. $.formDesign.build()配置补充type类型（preview->预览模式|design->设计模式） 2. 补充预览调用demo 3. 调整插件核心代码结构更新时间：2023-06-12 00:06:13 更新说明：解决表单预览时，获取表单值为空的问题更新时间：2023-5-29 13:27:27 概述：基于boostrap布局的表单设计器，全局实例为formDesign 初始化： formDesign.build(opt); eg: { el: ‘#app’, height: ‘600px’, type: “design”, saveForm: function(data) { //保存按钮回调 alert(JSON.stringify(data)) }, “data”: { “config”: { “align”: 0, “rand”: 0 }, “topics”: [{ “type”: “radio”, “name”: “选择”, “options”: [{ “label”: “选项1”, “value”: 0 }, { “label”: “选项1”, “value”: 1 }], “required”: 0, “rand”: 0, “id”: 1, “uuid”: “xsxsxx” }, { “type”: “multiple”, “name”: “多行文本框”, “placeholder”: “”, “height”: 80, “required”: 0, “id”: 0, “uuid”: “multiple_1685337313869” }, { “type”: “radio”, […]

2023-08-25

蓝冠公司首页

0

开关插件NZSwitcher(原创)

查看演示 website 立即下载插件描述：NZ系列插件开关插件更新时间：2023-06-07 10:25:20 更新说明： 1、点击限制在鼠标左键 2、修改事件绑定方法更新时间：2023-05-28 22:53:14 所需文件：引用NZ-Plugin文件夹下css和js即可。当然，需要jquery。基本使用方法： $(“:checked”).NZ_Switcher();

2023-08-25

蓝冠公司首页

0

利用css实现环形文字展示

查看演示 website 立即下载插件描述：环内的环形文字，可根据input输入自己喜欢的内容，并可根据按钮进行角度微调更新时间：2023-06-18 23:19:38 简单易修改将字符串分割成数组，然后对数组中的每一项进行渲染并设置旋转角度

2023-08-20

蓝冠公司首页

0

蓝冠总代平台官网_智能定位的最基础的下拉组件

查看演示 website 立即下载插件描述：easyestdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义、日期时间选择器、多级菜单、自动填充输入框等。它没有没有任何外部依赖，因此您可以在`原生Javript`、`vue`、`react`、`angular`等项目中使用它 easyest-dropdown easyest-dropdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义select、日期时间选择器、多级菜单、自动填充输入框等。 easyest-dropdown的智能定位体现在当下拉弹窗无法完全显示在浏览器视口或滚动容器可视区域时会自动调整到最佳显示位置。下拉弹窗优先使用right、bottom定位，这样可以保证下弹窗显示后动态修改下拉弹窗宽高后下拉弹窗显示位置依旧正常 easyest-dropdown没有任何外部依赖，因此您可以在原生JavaScript、vue、react、angular等项目中使用它。安装使用npm安装 npm install easyest-dropdown -S 使用 1. 传统项目如果您的项目是传统项目，您需要将dist/easyest-dropdown.js文件下载下来并放到您项目中，然后通过浏览器<script>标签引入easyest-dropdown.js。 <head> <!–如果您不使用easyest-dropdown自带的css，那么您可以不导入它–> <!–<link rel=”stylesheet” href=”./easyest-dropdown.css”>–> <script src=”./easyest-dropdown.js”></script> </head> <body> <button type=”button” class=”btn btn-primary” id=”referenceEl”>Show custom dropdown</button> <ul id=”dropdownEl” class=”my-custom-dropdown easyest-dropdown-transition”> <li>Html</li> <li>Javascript</li> <li>Css</li> <li>Vue <small>(渐进式JavaScript框架)</small></li> <li>React <small>(构建Web和原生交互界面的库)</small></li> <li>Angular <small>(一个应用设计框架与开发平台)</small></li> </ul> <script> var referenceEl = document.getElementById(‘referenceEl’); var dropdownEl = document.getElementById(‘dropdownEl’); var isShow = false; referenceEl.addEventListener(‘click’, function () { if (isShow) { dropdownEl.style.display = ‘none’; isShow = false; return; } var dropdownPosition = easyestDropdown.getDropdownDirection(referenceEl, dropdownEl, ‘bottom’, true); console.log(‘dropdownPosition’, dropdownPosition); dropdownEl.style.left = dropdownPosition.right == null ? (dropdownPosition.left + ‘px’) : ‘auto’; dropdownEl.style.right = dropdownPosition.right != null ? (dropdownPosition.right + ‘px’) : ”; dropdownEl.style.top = dropdownPosition.bottom == null ? (dropdownPosition.top + ‘px’) : ‘auto’; dropdownEl.style.bottom = dropdownPosition.bottom != null ? (dropdownPosition.bottom + ‘px’) : ”; dropdownEl.style.display = ‘block’; var classNameArr = dropdownEl.className.split(‘ ‘); var placementClassName = classNameArr.find(function (className) { return className.startsWith(‘easyest-placement-‘); }); if (placementClassName) { […]

2023-08-13

蓝冠公司首页

0

蓝冠代理_智能定位的最基础的下拉组件

查看演示 website 立即下载插件描述：easyestdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义、日期时间选择器、多级菜单、自动填充输入框等。它没有没有任何外部依赖，因此您可以在`原生Javript`、`vue`、`react`、`angular`等项目中使用它 easyest-dropdown easyest-dropdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义select、日期时间选择器、多级菜单、自动填充输入框等。 easyest-dropdown的智能定位体现在当下拉弹窗无法完全显示在浏览器视口或滚动容器可视区域时会自动调整到最佳显示位置。下拉弹窗优先使用right、bottom定位，这样可以保证下弹窗显示后动态修改下拉弹窗宽高后下拉弹窗显示位置依旧正常 easyest-dropdown没有任何外部依赖，因此您可以在原生JavaScript、vue、react、angular等项目中使用它。安装使用npm安装 npm install easyest-dropdown -S 使用 1. 传统项目如果您的项目是传统项目，您需要将dist/easyest-dropdown.js文件下载下来并放到您项目中，然后通过浏览器<script>标签引入easyest-dropdown.js。 <head> <!–如果您不使用easyest-dropdown自带的css，那么您可以不导入它–> <!–<link rel=”stylesheet” href=”./easyest-dropdown.css”>–> <script src=”./easyest-dropdown.js”></script> </head> <body> <button type=”button” class=”btn btn-primary” id=”referenceEl”>Show custom dropdown</button> <ul id=”dropdownEl” class=”my-custom-dropdown easyest-dropdown-transition”> <li>Html</li> <li>Javascript</li> <li>Css</li> <li>Vue <small>(渐进式JavaScript框架)</small></li> <li>React <small>(构建Web和原生交互界面的库)</small></li> <li>Angular <small>(一个应用设计框架与开发平台)</small></li> </ul> <script> var referenceEl = document.getElementById(‘referenceEl’); var dropdownEl = document.getElementById(‘dropdownEl’); var isShow = false; referenceEl.addEventListener(‘click’, function () { if (isShow) { dropdownEl.style.display = ‘none’; isShow = false; return; } var dropdownPosition = easyestDropdown.getDropdownDirection(referenceEl, dropdownEl, ‘bottom’, true); console.log(‘dropdownPosition’, dropdownPosition); dropdownEl.style.left = dropdownPosition.right == null ? (dropdownPosition.left + ‘px’) : ‘auto’; dropdownEl.style.right = dropdownPosition.right != null ? (dropdownPosition.right + ‘px’) : ”; dropdownEl.style.top = dropdownPosition.bottom == null ? (dropdownPosition.top + ‘px’) : ‘auto’; dropdownEl.style.bottom = dropdownPosition.bottom != null ? (dropdownPosition.bottom + ‘px’) : ”; dropdownEl.style.display = ‘block’; var classNameArr = dropdownEl.className.split(‘ ‘); var placementClassName = classNameArr.find(function (className) { return className.startsWith(‘easyest-placement-‘); }); if (placementClassName) { […]

2023-08-04

蓝冠公司首页

0

蓝冠平台硬核技术_智能定位的最基础的下拉组件

查看演示 website 立即下载插件描述：easyestdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义、日期时间选择器、多级菜单、自动填充输入框等。它没有没有任何外部依赖，因此您可以在`原生Javript`、`vue`、`react`、`angular`等项目中使用它 easyest-dropdown easyest-dropdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义select、日期时间选择器、多级菜单、自动填充输入框等。 easyest-dropdown的智能定位体现在当下拉弹窗无法完全显示在浏览器视口或滚动容器可视区域时会自动调整到最佳显示位置。下拉弹窗优先使用right、bottom定位，这样可以保证下弹窗显示后动态修改下拉弹窗宽高后下拉弹窗显示位置依旧正常 easyest-dropdown没有任何外部依赖，因此您可以在原生JavaScript、vue、react、angular等项目中使用它。安装使用npm安装 npm install easyest-dropdown -S 使用 1. 传统项目如果您的项目是传统项目，您需要将dist/easyest-dropdown.js文件下载下来并放到您项目中，然后通过浏览器<script>标签引入easyest-dropdown.js。 <head> <!–如果您不使用easyest-dropdown自带的css，那么您可以不导入它–> <!–<link rel=”stylesheet” href=”./easyest-dropdown.css”>–> <script src=”./easyest-dropdown.js”></script> </head> <body> <button type=”button” class=”btn btn-primary” id=”referenceEl”>Show custom dropdown</button> <ul id=”dropdownEl” class=”my-custom-dropdown easyest-dropdown-transition”> <li>Html</li> <li>Javascript</li> <li>Css</li> <li>Vue <small>(渐进式JavaScript框架)</small></li> <li>React <small>(构建Web和原生交互界面的库)</small></li> <li>Angular <small>(一个应用设计框架与开发平台)</small></li> </ul> <script> var referenceEl = document.getElementById(‘referenceEl’); var dropdownEl = document.getElementById(‘dropdownEl’); var isShow = false; referenceEl.addEventListener(‘click’, function () { if (isShow) { dropdownEl.style.display = ‘none’; isShow = false; return; } var dropdownPosition = easyestDropdown.getDropdownDirection(referenceEl, dropdownEl, ‘bottom’, true); console.log(‘dropdownPosition’, dropdownPosition); dropdownEl.style.left = dropdownPosition.right == null ? (dropdownPosition.left + ‘px’) : ‘auto’; dropdownEl.style.right = dropdownPosition.right != null ? (dropdownPosition.right + ‘px’) : ”; dropdownEl.style.top = dropdownPosition.bottom == null ? (dropdownPosition.top + ‘px’) : ‘auto’; dropdownEl.style.bottom = dropdownPosition.bottom != null ? (dropdownPosition.bottom + ‘px’) : ”; dropdownEl.style.display = ‘block’; var classNameArr = dropdownEl.className.split(‘ ‘); var placementClassName = classNameArr.find(function (className) { return className.startsWith(‘easyest-placement-‘); }); if (placementClassName) { […]

2023-07-25

蓝冠公司首页

0

蓝冠测速官网_智能定位的最基础的下拉组件

查看演示 website 立即下载插件描述：easyestdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义、日期时间选择器、多级菜单、自动填充输入框等。它没有没有任何外部依赖，因此您可以在`原生Javript`、`vue`、`react`、`angular`等项目中使用它 easyest-dropdown easyest-dropdown是一个可智能定位的最基础的下拉组件，你可以用它实现任何带有下拉功能的组件，如自定义select、日期时间选择器、多级菜单、自动填充输入框等。 easyest-dropdown的智能定位体现在当下拉弹窗无法完全显示在浏览器视口或滚动容器可视区域时会自动调整到最佳显示位置。下拉弹窗优先使用right、bottom定位，这样可以保证下弹窗显示后动态修改下拉弹窗宽高后下拉弹窗显示位置依旧正常 easyest-dropdown没有任何外部依赖，因此您可以在原生JavaScript、vue、react、angular等项目中使用它。安装使用npm安装 npm install easyest-dropdown -S 使用 1. 传统项目如果您的项目是传统项目，您需要将dist/easyest-dropdown.js文件下载下来并放到您项目中，然后通过浏览器<script>标签引入easyest-dropdown.js。 <head> <!–如果您不使用easyest-dropdown自带的css，那么您可以不导入它–> <!–<link rel=”stylesheet” href=”./easyest-dropdown.css”>–> <script src=”./easyest-dropdown.js”></script> </head> <body> <button type=”button” class=”btn btn-primary” id=”referenceEl”>Show custom dropdown</button> <ul id=”dropdownEl” class=”my-custom-dropdown easyest-dropdown-transition”> <li>Html</li> <li>Javascript</li> <li>Css</li> <li>Vue <small>(渐进式JavaScript框架)</small></li> <li>React <small>(构建Web和原生交互界面的库)</small></li> <li>Angular <small>(一个应用设计框架与开发平台)</small></li> </ul> <script> var referenceEl = document.getElementById(‘referenceEl’); var dropdownEl = document.getElementById(‘dropdownEl’); var isShow = false; referenceEl.addEventListener(‘click’, function () { if (isShow) { dropdownEl.style.display = ‘none’; isShow = false; return; } var dropdownPosition = easyestDropdown.getDropdownDirection(referenceEl, dropdownEl, ‘bottom’, true); console.log(‘dropdownPosition’, dropdownPosition); dropdownEl.style.left = dropdownPosition.right == null ? (dropdownPosition.left + ‘px’) : ‘auto’; dropdownEl.style.right = dropdownPosition.right != null ? (dropdownPosition.right + ‘px’) : ”; dropdownEl.style.top = dropdownPosition.bottom == null ? (dropdownPosition.top + ‘px’) : ‘auto’; dropdownEl.style.bottom = dropdownPosition.bottom != null ? (dropdownPosition.bottom + ‘px’) : ”; dropdownEl.style.display = ‘block’; var classNameArr = dropdownEl.className.split(‘ ‘); var placementClassName = classNameArr.find(function (className) { return className.startsWith(‘easyest-placement-‘); }); if (placementClassName) { […]

2023-07-24

蓝冠公司首页

0