草庐IT

uniapp-uview-ui

全部标签

jquery - 如何让 Jquery UI Autocomplete 与 Rails 4 一起工作?

我将Rails4.0.2与jquery-rails(3.1.0)和jquery-ui-rails(4.1.1)gem一起使用。我正在尝试添加Autocomplete到搜索表单(使用Bootstrap3.1.0):Search这是我的应用程序JS和CSS文件:application.js//=requirejquery//=requirejquery_ujs//=requirejquery.ui.autocomplete//=requireturbolinks//=require_tree.varready;ready=(function(){$('a[href="'+this.loca

修改第三方UI组件库样式的四种方法

前提:当我们要修改vant组件库中Tabbar图标大小的样式(原图标是字体图标,大小由font-size控制)。  字体图标字体大小由css变量(--van-tabbar-item-icon-size)控制, 1.插槽方法结论:当你想要自定义使用插槽时,插入自己的元素,那么可以直接在当前作用域直接修改元素的样式。自定义img{height:28px}传入图片,用height属性控制图片大小,达到与字体图标相同效果2.全局定义变量结论:全局定义一个变量,覆盖它默认变量的值定义变量缺点:全局修改。 :root{--van-tabbar-item-icon-size:30px!important;/

【Element UI通用后台管理系统】(一)项目搭建

一、使用Yarn作为项目的包管理工具1、Yarn是什么?“Yarn是由Facebook、Google、Exponent和Tilde联合推出了一个新的JS包管理工具,正如官方文档中写的,Yarn是为了弥补npm的一些缺陷而出现的。”这句话让我想起了使用npm时的坑:npminstall的时候非常慢,特别是新的项目拉下来要等半天,删除node_modules,重新install的时候依旧如此。同一个项目,安装的时候无法保持一致性。由于package.json文件中版本号的特点,下面三个版本号在安装的时候代表的含义不同。 "5.0.3"   表示:安装指定的5.0.3版本"~5.0.3"  表示:安

uniapp+uview开发微信小程序学习笔记(一)

文章目录前言一、注册小程序二、项目创建三、运行项目四、其他配置最后前言此次项目开发使用uniapp和uview进行开发,需要用到的开发工具为HBuilderX和微信开发者工具,具体的安装方式见官网,小程序注册见微信公众平台。一、注册小程序注册在微信公众平台注册小程序,按照提示注册完后会发配一个appid和密钥,需要复制保存好。完善信息设置=>基本设置,填写小程序基本信息,包括名称、头像、介绍及服务范围等。第三方设置根据开发需求添加插件授权。成员管理管理=>成员管理,点击编辑或下拉选择添加成员,输入微信号添加新的项目成员,只有成员可以进行真机测试。体验成员可以使用发布的体验版。开发设置开发=>开

vue2+element-ui,el-aside侧边栏容器收缩与展开

一、概览实现效果如下:二、项目环境1、nodejs版本node-vv16.16.02、npm版本npm-vnpmWARNconfigglobal`--global`,`--local`aredeprecated.Use`--location=global`instead.8.15.03、vue脚手架版本vue-V@vue/cli5.0.8三、创建vue项目1、创建名为vuetest的项目vuecreatevuetest选择Default([Vue2]babel,eslint)  2、切换到项目目录,启动项目cdvuetestnpmrunserve 3、使用浏览器预览 http://localh

Vue学习笔记:Vue element-ui中table组件的使用----接入后端数据

记个笔记以免遗忘,建议还是查看Element-UI提供的官方文档学习,自己摸索比较难受官方文档:Element-UI组件TableElement-UI官网提供了许多Table格式,这里以一个带有筛选器的表格为例表格的官网显示效果:直接将官方提供的示例代码贴入.vue文件中即可使用显示的数据是通过data()方法提供的假数据。方法见下:data(){return{tableData:[{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-04',name:'王小虎',address:'上海市普陀区金沙江路1

uniapp实现自定义相机

自定义相机起因由于最近用uniapp调用原生相机容易出现闪退问题,找了很多教程又是压缩图片又是优化代码,我表示并没有太大作用!!实现自定义相机使用效果图拓展实现多种自定义相机水印相机身份证相机人像相机起因由于最近用uniapp调用原生相机容易出现闪退问题,找了很多教程又是压缩图片又是优化代码,我表示并没有太大作用!!于是开启了我的解决之路利用livePusher实现实现自定义相机拓展性挺强的,可以实现自定义水印、身份证拍摄、人像拍摄等这里我简单实现一个相机功能主要用于解决闪退Tip:这里需要创建nvue文件哦~创建camera.nvuetemplate> viewclass="pengke-c

javascript - colorbox 中的 jquery-ui 对话框导致超出最大调用堆栈大小错误

我正在使用jquery-ui,它的dialog功能可以在我的网络应用程序中显示模态对话框。它工作正常。在一个用例中,我在屏幕上有一个colorbox弹出窗口,一旦用户完成输入,我需要显示一个确认对话框。由于在我尝试过的所有主要浏览器上的错误处理,这里的一切实际上都有效,但我担心javascript引擎和浏览器的某些组合可能会导致什么问题。我得到的错误是调用堆栈大小溢出(Chrome将其显示为UncaughtRangeError:Maximumcallstacksizeexceeded.)。模态对话框的代码是:functionmodalDialog(dialogText,dialogTi

javascript - Material-ui:如何停止在嵌套组件中传播点击事件

我在Paper组件中有一个IconMenu组件。我想防止在内部组件(IconMenu)上传播点击事件。这就是我想出的,没有明显的结果(我也尝试用onTouchTap,onMouseUp替换onClick具有相同的效果):_iconMenuClick方法是从来没有打电话。render(){return({menuItems});}_iconMenuClick(event){MenuItem.onClick(event);event.stopPropagation();} 最佳答案 除了使用event.stopPropagation()

javascript - 除非调整浏览器窗口的大小,否则 Angular ui 网格不会显示内容

我正在使用angularjs1.5.0和angularuigrid3.1.1。当我像这样在Controller主体中分配gridOptions(传递给grid指令)对象时:$scope.gridOptions={data:[{"mock2":1,"mock1":2},{"mock2":10,"mock1":22}]};HTML:它按预期显示表格。但是当我尝试更改$scope.on中的数据时:$scope.$on('update',function(event,passedFromBroadcast){$scope.gridOptions.data=[{"mock2":"set","mo