草庐IT

element-theme-chalk

全部标签

使用HBuilder X开发Vue3+node+element-plus

开发Vue3有很多的工具,比如VSCode,它也非常的好用,本文主要使用HBuilderX开发。环境3个:Windows10Node安装1.打开官网,选择一个版本,进行安装Node.js2.选择路径,下一步就行了 3.输入命令可以看到版本node-v4.然后输入命令,安装国内的淘宝镜像,这样速度快点npminstall-gcnpm--registry=https://registry.npm.taobao.org 提示让我们升级,我们可升级,可不升级。5.我们选择升级,不升级的跳过此步骤输入绿色字体的命令npminstall-gnpm@9.1.26.然后输入命令进行全局安装cnpminstal

Element UI表格内容双击可编辑,失去焦点提交内容

需求就是双击列表中的某一cell,获取焦点时单元格变成input编辑框,失去焦点时如果内容有更改就触发修改的接口,如果内容无更改的话,就不触发。1.首先给列表绑定双击事件@row-dblclick="dbclick"2.给单元格绑定className的回调方法,目的是获取选中单元格的行和列的index:cell-class-name="tableCellClassName"相关代码如下:视图部分:el-tableborderv-loading="loading":data="fingerList"@row-dblclick="dbclick":cell-class-name="tableCel

android - 如何在默认主题 Theme.Holo.Light 中更改 homeAsUpIndicator 的图像

在我的安卓应用中,我使用的是默认主题Theme.Holo.Light。现在我想更改默认使用的“@android:drawable/ic_ab_back_holo_light通过将其更改为@drawable/ic_launcher但这里的标志保持原样,它不会改变图像。我附上了actionBar的屏幕截图。任何帮助将不胜感激。 最佳答案 将它们放入您的默认Activity主题中。@drawable/ic_launcher 关于android-如何在默认主题Theme.Holo.Light中更

vue+element UI Excel导入导出

 1.终端执行命令npmixlsx-s2.script中导入importFileSaverfrom"file-saver";import*asXLSXfrom"xlsx";3.单表头效果图4.html代码:导入导出修改删除查看5.js代码importFileSaverfrom"file-saver";import*asXLSXfrom"xlsx";exportdefault{data(){return{//表格数据tableData:[],//表头tableHeader:[{id:1,//中文名label:"公司",//对应数据属性prop:"company",},{id:2,label:"姓

Element UI 走马灯 实现鼠标滚动切换页面

鼠标滚动切换页面elementuiCarousel走马灯+鼠标滚轮事件实现一、在轮播图外的盒子外添加鼠标滚轮事件,触发GoWheel函数。@wheel="goWheel"二、通过判断deltaY的数值来触发相应事件它检查滚轮事件的deltaY属性是否大于0event.deltaY当鼠标滚轮向下滚动时,其返回值大于零,向上滚动时其返回值小于零。三、通过ref获取轮播图元素,再通过相应方法控制轮播图执行事件,详情见elementui官网事件。this.$refs.swiper.next();this.$refs.swiper.prev();代码div@wheel="goWheel">el-caro

java - 检索项目 : No resource found that matches the given name '@android:style/Theme.AppCompat.Light.DarkActionBar' 的父项时出错

我正在关注来自developers.android.com的android开发教程,目前我正在尝试使用此处提供的信息来设置操作栏的样式:https://developer.android.com/training/basics/actionbar/styling.html#CustomBackground7这是res/values/themes.xml的代码:@style/MyActionBar@style/MyActionBar@drawable/actionbar_background@drawable/actionbar_background我在“style”开始标签旁边看到红叉

android - 错误 : IllegalArgumentException: The style on this component requires your app theme to be Theme. Material 组件

下面是我的依赖implementation'com.google.android.material:material:1.0.0'implementation'androidx.appcompat:appcompat:1.0.2'implementation'androidx.constraintlayout:constraintlayout:1.1.3'我的layout.xml上面的代码对我来说工作正常但是当我更新materialdesign的dependenciesimplementation'com.google.android.material:material:1.1.0-a

android:theme ="@android:style/Theme.NoTitleBar.Fullscreen"安卓不工作

我在list文件中声明我的Activity,如下所示。我声明了全屏主题的Activity。但它不起作用。我也使用第二种全屏方式,如下所示。requestWindowFeature(Window.FEATURE_NO_TITLE);getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);但是没有成功。请帮我找到这个。 最佳答案 我通过在应用程序级别声明全屏主题来解决它。

Vue Element-UI 倒计时MessageBox的实现

需求:在MessageBox对话框中显示倒计时,倒计时结束后默认确定选择概述项目需要前端调用接口拨打IP电话,甲方需求在点击拨号的时候弹出确认框,并且显示倒计时,在倒计时结束后自动确认拨打电话。因为页面多处调用拨打电话方法,所以把拨打电话方法提取出公共方法,单独存放js文件中,所以需要使用服务的方式调用。因此选择Element-UI中的MessageBox。一、问题发现通过查看Element-UI中的MessageBox配置项中发现并没有适合的配置属性,而且需要根据倒计时修改读秒数据,所以只能在此基础上做新增功能。二、解决思路1.解决显示文字问题因为是在js文件中处理页面显示文字问题,考虑在显

element-ui实现一个动态布局的对话框

 我把组件上传到npm了,具体使用方法请看:https://gitee.com/zengyanfang/tablelist-way/blob/master/README.md#%E5%8F%82%E6%95%B0前言:在工作中有各种各样的对话框,最多就是填写信息这些的,一般这样的内容都是el-input输入框,el-select选择框等等之内的,这时我们就可以封装成一个组件,想要什么内容就传一个json配置,像其他组件那样,这样可以极大的简化开发,不至于每次都要去写el-input这些细微根节的东西,那问题来了问题:就是布局,元素少还好,要是多的话,比如有几个输入框,几个选择框,又有几个多选框