记录

2022-04-18  本文已影响0人  哑巴湖大水怪吖
  1. vue-element-admin 模版:https://github.com/PanJiaChen/vue-admin-template
    input 属性 autocomplete="off" 关闭输入记录 onpaste="return false" 禁止粘贴
    Element UI中el-dialog中内容超出自定义滚动条:
.sketch_content {
  // 必须有高度 overflow 为自动
  overflow: auto;
  height: 434px;
  border-top: 1px solid #eff1f4;
  // border-bottom: 1px solid #eff1f4;
  padding: 0px 30px 11px 27px;

  // 滚动条的样式,宽高分别对应横竖滚动条的尺寸
  &::-webkit-scrollbar {
    width: 3px;
  }

  // 滚动条里面默认的小方块,自定义样式
  &::-webkit-scrollbar-thumb {
    background: #abb7c8;
    border-radius: 2px;
  }

  // 滚动条里面的轨道
  &::-webkit-scrollbar-track {
    background: transparent;
  }
}
  1. el-table 表格表头和单元格内容居中
      :header-cell-style='{"text-align":"center"}'
      :cell-style="{'text-align':'center'}"
      
      >

// vue弹窗后让滚动条每次都在最上面
let dialogDom = document.querySelector('.mf-scroll-top .el-dialog__body')
      dialogDom.scrollTop = 0
  1. https://www.cnblogs.com/qq812256/p/15623142.html,
    https://blog.csdn.net/Isabeldeng/article/details/109543531
    https://blog.51cto.com/u_15155091/2724529
    https://juejin.cn/post/6844903486241374221
  2. vue中使用tinymce时,打开弹窗只有第一次有初始化内容,解决方法,直接给一个唯一值,我直接使用

Math.random()。 :key="memSetType == 1?'1':Math.random()"

<tinyEditor :disabled="memSetType == 3 " 
:key="memSetType == 1?'1':Math.random()"
 id="tinyDom" 
@input="newValue" 
:value="form1.description"/>
  1. 微信小程序
缩放模式,宽度不变,高度自动变化,保持原图宽高比不变
mode='widthFix'
  1. react 修改input组件的placeholder样式
    placeholder-class= 'placeholder-style'
    • 1.toLocaleTimeString() 返回时分秒 17:35:21
      conspole.log(new Date().toLocaleTimeString())
  1. 通过条件判断选择与否,类似单选
  <View className='name'> 
                          <View>
                          <Text style={{color:'#E43832',fontSize:'9px'}}>*</Text>
                           <Text className='nameLab'>性别:</Text>
                          </View>
                           <View  className="lastView wrapPro">
                            {sexList.map((item, index) => {
                                return (
                                <View
                                    className="lastView"
                                    key={item.value}
                                    onClick={() => {
                                        disabled ? '' : this.setState({  // 主要
                                            gender:item.value
                                        })
                                        }}
                                    >
                                    <Label for='name'></Label>
                                    <Image
                                    className="check"
                                    src={
                                        gender == item.value? // 条件判断谁选择了,给谁加上样式
                                            "https://saas-asset.oss-cn-hangzhou.aliyuncs.com/common/app/miniapp/dh/check_circular.png"
                                        : "https://saas-asset.oss-cn-hangzhou.aliyuncs.com/common/app/miniapp/dh/un_check_circular.png"
                                    }
                                    />
                                    <Text  id='name' className="title">{item.text}</Text>
                                </View>
                                );
                            })}
                           </View>
  1. 进制转换 paresInt(转换的数,进制) parseInt(100,2);将二进制100通过2进制转换为10进制


    image.png
  2. scrollTop() 的用法 链接:https://blog.csdn.net/muxi229/article/details/106849535

     let treeDom = document.querySelector(".tree-table");
      treeDom.scrollTop = 0;

56个民族:export const nations = [
{id:1 ,name:'汉族'},
{id:2 ,name:'蒙古族'},
{id:3 ,name:'回族'},
{id:4 ,name:'藏族'},
{id:5 ,name:'维吾尔族'},
{id:6 ,name:'苗族'},
{id:7 ,name:'彝族'},
{id:8 ,name:'壮族'},
{id:9 ,name:'布依族'},
{id:10,name:'朝鲜族'},
{id:11,name:'满族'},
{id:12,name:'侗族'},
{id:13,name:'瑶族'},
{id:14,name:'白族'},
{id:15,name:'土家族'},
{id:16,name:'哈尼族'},
{id:17,name:'哈萨克族'},
{id:18,name:'傣族'},
{id:19,name:'黎族'},
{id:20,name:'傈僳族'},
{id:21,name:'佤族'},
{id:22,name:'畲族'},
{id:23,name:'高山族'},
{id:24,name:'拉祜族'},
{id:25,name:'水族'},
{id:26,name:'东乡族'},
{id:27,name:'纳西族'},
{id:28,name:'景颇族'},
{id:29,name:'柯尔克孜族'},
{id:30,name:'土族'},
{id:31,name:'达翰尔族'},
{id:32,name:'么佬族'},
{id:33,name:'羌族'},
{id:34,name:'布朗族'},
{id:35,name:'撒拉族'},
{id:36,name:'毛南族'},
{id:37,name:'仡佬族'},
{id:38,name:'锡伯族'},
{id:39,name:'阿昌族'},
{id:40,name:'普米族'},
{id:41,name:'塔吉克族'},
{id:42,name:'怒族'},
{id:43,name:'乌孜别克族'},
{id:44,name:'俄罗斯族'},
{id:45,name:'鄂温克族'},
{id:46,name:'德昂族'},
{id:47,name:'保安族'},
{id:48,name:'裕固族'},
{id:49,name:'京族'},
{id:50,name:'塔塔尔族'},
{id:51,name:'独龙族'},
{id:52,name:'鄂伦春族'},
{id:53,name:'赫哲族'},
{id:54,name:'门巴族'},
{id:55,name:'珞巴族'},
{id:56,name:'基诺族'},

]

上一篇 下一篇

猜你喜欢

热点阅读