代码大全

🍭vscode插件

安装

vscode应用商店中搜索"limo".

使用

方式1:

在代码任意位置输入"@limo".

方式2:

右键选择"📦limo代码箱".

方式3:

1. 按F1(mac下fn+F1或cmd+shift+p)打开代码列表.
2. 输入关键词搜索 limo,

关于MR

欢迎大家MR, 步骤如下:

• 代码请在**basement-limo代码片段**中添加,没有权限@忘机.
• 如需要修改插件内部逻辑，请务必提交到自己的分支，然后通过MR合并到master.

代码 （更新于 2020-07-01 13:05:17）

css: 品牌蓝色

#1677FF

css: 警告黄色

#FF8F1F

css: 错误红色

#FF3B30

css: 单行省略

.ellipsis() {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

css: 多行省略

.ellipsis-multi(@line: 2) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: @line;
    -webkit-box-orient: vertical;
}

css:1px边框

.fn-hair-border(@color: none, @border-radius: 0) {
  position: relative;
  &::after {
    box-sizing: border-box;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    border: 1px solid @color;
    border-radius: 2 * @border-radius;
    pointer-events: none;
    transform-origin: 0 0;
  }
}

css: 数字字体DINPro和AlipayNumber

@font-face {
  font-family: AlipayNumber;
  src: url('https://gw.alipayobjects.com/as/g/antui/antui-static/1.0.3/fonts/AlipayNumber-Regular.ttf')
    format('truetype');
}

// 字体上传地址：https://basement.alipay.com/PayTM-Core/file/detail/5ef1c69624c797dc3d3c9a1d?page=1&type=others
@font-face {
  font-family: AlibabaSans102;
  src: url('https://gw.alipayobjects.com/os/bmw-prod/233988e7-38e4-4f17-9ab2-c10442749940.ttf')
    format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: AlibabaSans102;
  // 备注: 实际使用的是Medium字体(Medium字体对应CSS的bold)
  src: url('https://gw.alipayobjects.com/os/bmw-prod/e8f0081d-8bf9-4f57-8f54-fe762b18ac38.ttf')
    format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: AlibabaSans102;
  // 备注: 实际使用的是Medium字体(Medium字体对应CSS的bold)
  src: url('https://gw.alipayobjects.com/os/bmw-prod/c5e4bbab-f453-464c-8961-1968cb5c905f.ttf')
    format('truetype');
  font-weight: bolder;
}

// 全新的数字字体
.g-font-amount {
  font-family: AlibabaSans102, AlipayNumber, sans-serif !important;
}

css: 刘海屏判断（包含Android）

@media only screen and (max-aspect-ratio: 375 \/ 668) {
      /* 样式 */
 }

css: 刘海屏判断（仅IOS）

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3),
    only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),
    only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
      /* 样式 */
}

css: 设置placeholder样式

&::-webkit-input-placeholder {
    color: @style;
}

js: delay函数

function delay(time) {
    return new Promise((resolve) => {
      setTimeout(resolve, time);
    });
}