vue element-ui 下拉框 以及 input 限制输入，小数点后保留两位 界面设计案例 和 例子：支持mp4和m3u8视频播放

vue input 限制输入，小数点后保留两位 以及 图片垂直居中显示 和 分享 git 小技巧-CSDN博客文章浏览阅读430次，点赞5次，收藏4次。error:Your local changes to the following files would be overwritten by merge:_error: your local changes to the following files w-CSDN博客。情况二：当本地的已经乱了，但是远端的master已经合并了你最后一次的代码，此时你可以先把你本地修改的文件先拷贝一份出来，然后让远端的master的代码强行覆盖掉当前的目录内容。https://blog.csdn.net/weixin_41987016/article/details/139592956?spm=1001.2014.3001.5501（1）下拉框 以及 input 限制输入，小数点后保留两位 界面设计案例

  
    
      
        
          
          
        
      
      
        
          就业率
          
            " value="greaterThan">
            <el-option label="
          
          
            %
          
        
      
      
        
          GPD
          
            " value="greaterThan">
            <el-option label="
          
          
            %
          
        
      
      
        
          工资
          
            " value="greaterThan">
            <el-option label="
          
          
            元
          
        
      
      
        
      
      
        
      
      
        取消
        确定
      
    
  





.info-settings .el-form-item__content {
  display: flex;
  align-items: center;
}

.info-settings .el-input__suffix {
  font-size: 14px;
}

.form-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  /* 添加下方间距 */
}

.form-item>* {
  margin-right: 10px;
}

.text-button {
  color: #909399;
  font-size: 14px;
}

.self-button {
  min-width: 80px;
  /* 设置按钮最小宽度 */
  color: #000000;
  /* 设置按钮文字颜色为黑色 */
  display: flex;
  justify-content: center;
  /* 文本水平居中 */
  align-items: center;
  /* 文本垂直居中 */
}

.medium-button {
  width: 80px;
  /* 设置按钮宽度 */
}
 

.el-textarea__inner::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
 
.el-textarea__inner::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #c3c3c3;
}
 
.el-textarea__inner::-webkit-scrollbar-track {
  background-color: transparent;
}

（2）点击表格中的图片，可以查看，图片可以垂直水平居中放在表格中

  
    
      
      
      
      
        
          
            
            
          
        
      
    

    
    
        
    
    
  





/* .cover-wrapper {
    position: relative;
    overflow: hidden;
  }
  .cover-image {
    width: 80px;
    height: 45px;
    cursor: pointer;
  } */
.image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-viewer {
  max-width: 90%;
  max-height: 90%;
}




.cover-wrapper {
  position: relative;
  overflow: hidden;
}

.el-table .cover-image-show {
  width: 80px;
  top: 2.5px;
  height: 45px;
  cursor: pointer;
}

/* 将表格中带有no-padding类的单元格的padding设置为0 */
.el-table /deep/ .cell {
  padding: 0;
}

（3）支持mp4和m3u8视频播放 

  
    Open Video 1 (.m3u8)
    Open Video 2 (.mp4)
    Unable to play.
    err Link

    
      
        
{{ videoError }}
      
      
    
  





/* Add any custom styles for the video player here */
.video-dialog {
  .el-dialog__header {
    border-bottom: none;
  }
   .el-dialog__body {
    padding: 0;
  }
  /*
  .dialog-content {
    padding:0 40px;
  }
  .el-dialog__footer {
    padding: 10px 10px 10px;
    border-top: none;
  } */
}