vue9组件练习

强制聊天QQ href链接 =      tencent://message/?Menu=yes&uin=QQ号&Service=300&sigT=45a1e5847943b64c6ff3990f8a9e644d2b31356cb0b4ac6b24663a3c8dd0f8aa12a595b1714f9d45

发送邮件href=   mailto:邮箱

• translateX(x)仅水平方向移动（X轴移动）

•    transform: translateX(100px);

• translateY(Y)仅垂直方向移动（Y轴移动）

•    transform: translateY(100px);
  

  transition: 0.5s;//元素过渡动画0.5秒

  transform-origin：center center；（默认位置，以元素中心点为基点，相当于50% 50%）
  transform-origin：left top；（以左上角为基点）
  transform-origin：right top；（以右上角为基点）
  transform-origin：center bottom；（以底线中心为基点）
  

  //object-fit: fill|contain|cover|scale-down|none|initial|inherit;
  属性值
  initial：设置为默认值
  
  fill：默认，不保证保持原有的比例，内容拉伸填充整个内容容器。
  
  contain：保持原有尺寸比例。内容被缩放。
  
  cover：保持原有尺寸比例。但部分内容可能被剪切。
  
  none：保留原有元素内容的长度和宽度，也就是说内容不会被重置。
  
  scale-down：保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。
  
  inherit：从该元素的父元素继承属性。

  居中对齐弹性盒的各项 <div> 元素：
  
  div
  {
      display: flex;
      align-items:center;
  }

  background: darken(@words,8%);//改变背景颜色深度 less代码

  var curPathname = location.pathname.toLowerCase(); //当前浏览器的访问路径
  //字符串中的字母被转换为小写字母。