首页 > 其他分享 >XXX项目前端开发样式统一规范

XXX项目前端开发样式统一规范

时间:2023-05-27 22:33:21浏览次数:46  
标签:样式 XXX 规范 文本框 提示 前端开发

前端开发样式规范

参考资料:https://element.eleme.cn/#/zh-CN/component/form

  • 规范1:报错提示统一用浅红色,成功提示为绿色,警告性提示为橙色

  • 规范2: 页面有多个必填字段未填写,一次性提示,同时填写文本框爆红,文本框下方有红字提醒

  • 红字提醒可按需展示,本文框间距有限,红字展示可能导致文本框间距增大

 

标签:样式,XXX,规范,文本框,提示,前端开发
From: https://www.cnblogs.com/yugulei/p/17437488.html

相关文章

  • el-date-picker type="daterange" 二个日期之间的range-separator样式
     中间的这个“至”的颜色设置从源代码中可以看出: 这样中间的字的颜色就改为白色了。 ......
  • 【React工作记录六十六】ant design Row col样式修改
     目录前言导语运行结果前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语antdesignRowcol样......
  • 用fetch处理的流,放到div中会有样式丢失的问题
    最近在做fetch处理流的问题,发现接收到得流,在div中渲染得时候样式会丢失,特别是空格、换行之类得。为了解决问题去看看了css得样式处理发现css中有个属性white-space。然后就去看了这个属性的定义和取值情况。   在css中white-space属性用来控制容器的文本中带有空白符、制表......
  • 解决tar命令出现“time stamp XXX in the future”的办法
    在A机器上用tar压缩的文件,在B机器上进行解包的时候,如果两个机器的时间不一致,如B机器的时间落后A机器的时间,这时就会出现timestampinthefuture的问题。如何解决这个问题呢(1)一是检查B机器的时间,如果确有问题请修改B机器的时间(sudodate-s“YYYY-MM-DDHH:MM:SS”)(2)二是使用tar......
  • 前端开发:基本技能和最佳实践
    介绍前端开发在创建沉浸式和用户友好的Web体验方面起着至关重要的作用。随着对动态和响应式网站的需求不断增长,前端开发人员需要了解最新的工具、技术和最佳实践。了解前端开发在本节中,我们将概述前端开发及其在创建引人入胜的用户界面方面的重要性。我们将解释HTML、CSS和Jav......
  • 直播软件搭建,css设置滚动条样式
    直播软件搭建,css设置滚动条样式设置滚动条样式/*滚动条样式*/    ul::-webkit-scrollbar{/*滚动条整体样式*/       4px;   /*高宽分别对应横竖滚动条的尺寸*/      height:4px;    }    ul::-webkit-scrollbar-thumb......
  • Mybatis中,SpringMVC中,SpringBoot项目中,出现There is no getter for property named 'x
    现象:Thereisnogetterforpropertynamed'xxxxxx'报错原因:其实说起原因有很多种,百度上都有很详细的说明,其中最重要也是经常发生的就是mapper.xml与是对应的实体类匹配不上导致错误发生,而我报错的原因是从mapper接口中向xml传入参数的时候,传入的是实体类对象,只有这一个参数,而在......
  • 前端解析markdown处理表格样式
    后端返回markdown格式,前端解析,使用的是marked.js安装npminstallmarked--save另外我也给代码做了高亮npminstallhighlight.js--savemain.jsimporthljsfrom'highlight.js';//封装成一个指令,highlight是指令的名称Vue.directive('highlight',(el)=>{letbl......
  • element-plus 组件样式修改
    el-form-item间距.el-form-item{margin-bottom:3px;}Elmessage消息换行/*失败消息*/.el-message--error{white-space:pre-line}/*成功消息*/.el-message--success{white-space:pre-line}......
  • 【macOS】brew update报错:fatal: unable to access xxx & LibreSSL SSL_connect 解决
    ✨报错提示fatal:unabletoaccess'https://mirrors.ustc.edu.cn/homebrew-cask.git/':LibreSSLSSL_connect:SSL_ERROR_SYSCALLinconnectiontomirrors.ustc.edu.cn:443fatal:unabletoaccess'https://mirrors.ustc.edu.cn/brew.git/':LibreSSL......