记录
- 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;
}
}
- 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
-
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 - 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"/>
- 微信小程序
缩放模式,宽度不变,高度自动变化,保持原图宽高比不变
mode='widthFix'
- react 修改input组件的placeholder样式
placeholder-class= 'placeholder-style' - 1.toLocaleTimeString() 返回时分秒 17:35:21
conspole.log(new Date().toLocaleTimeString())
- 1.toLocaleTimeString() 返回时分秒 17:35:21
- 2.toLocalDateString() 返回年月日 2022/3/23
console.log(new Date().toLocaleDateString())
- 通过条件判断选择与否,类似单选
<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>
-
进制转换 paresInt(转换的数,进制) parseInt(100,2);将二进制100通过2进制转换为10进制
image.png
-
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:'基诺族'},
]